#00AA71 - #D0FF98 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #00AA71 a #D0FF98

#00AA71 #D0FF98

Calcule el color entre dos colores, #00AA71 y #D0FF98. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#00AA71 - #D0FF98 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #00AA71 como 0% y #D0FF98 como 100%.

0.0%	0.0% #00AA71	RGB 0 170 113	#00AA71
16.7%	16.7% #22B877	RGB 34 184 119	#22B877
33.3%	33.3% #45C67E	RGB 69 198 126	#45C67E
50.0%	50.0% #68D484	RGB 104 212 132	#68D484
66.7%	66.7% #8AE28B	RGB 138 226 139	#8AE28B
83.3%	83.3% #ADF091	RGB 173 240 145	#ADF091
100.0%	100.0% #D0FF98	RGB 208 255 152	#D0FF98

#00AA71 #22B877 #45C67E #68D484 #8AE28B #ADF091 #D0FF98

#00AA71 - #D0FF98

Mezcla HSV

#00AA71 - #D0FF98 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #00AA71 como 0% y #D0FF98 como 100%.

0.0%	0.0% #00AA71	RGB 0 170 113	#00AA71
16.7%	16.7% #12B85F	RGB 18 184 95	#12B85F
33.3%	33.3% #27C651	RGB 39 198 81	#27C651
50.0%	50.0% #3FD448	RGB 63 212 72	#3FD448
66.7%	66.7% #6DE25A	RGB 109 226 90	#6DE25A
83.3%	83.3% #A1F077	RGB 161 240 119	#A1F077
100.0%	100.0% #D0FF98	RGB 208 255 152	#D0FF98

#00AA71 #12B85F #27C651 #3FD448 #6DE25A #A1F077 #D0FF98

#00AA71 - #3FD448 - #D0FF98

Códigos CSS

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #00AA71 0%, #D0FF98 100%);
    background: -webkit-linear-gradient(top, #00AA71 0%, #D0FF98 100%);
    background: linear-gradient(to bottom, #00AA71 0%, #D0FF98 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00AA71 0%, #3FD448 50%, #D0FF98 100%);
    background: -webkit-linear-gradient(top, #00AA71 0%, #3FD448 50%, #D0FF98 100%);
    background: linear-gradient(to bottom, #00AA71 0%, #3FD448 50%, #D0FF98 100%);
}
</style>