#00ECE5 - #D2FFB0 | 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 #00ECE5 a #D2FFB0

#00ECE5 #D2FFB0

Calcule el color entre dos colores, #00ECE5 y #D2FFB0. 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)

#00ECE5 - #D2FFB0 | 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 #00ECE5 como 0% y #D2FFB0 como 100%.

0.0%	0.0% #00ECE5	RGB 0 236 229	#00ECE5
16.7%	16.7% #23EFDC	RGB 35 239 220	#23EFDC
33.3%	33.3% #46F2D3	RGB 70 242 211	#46F2D3
50.0%	50.0% #69F5CA	RGB 105 245 202	#69F5CA
66.7%	66.7% #8CF8C1	RGB 140 248 193	#8CF8C1
83.3%	83.3% #AFFBB8	RGB 175 251 184	#AFFBB8
100.0%	100.0% #D2FFB0	RGB 210 255 176	#D2FFB0

#00ECE5 #23EFDC #46F2D3 #69F5CA #8CF8C1 #AFFBB8 #D2FFB0

#00ECE5 - #D2FFB0

Mezcla HSV

#00ECE5 - #D2FFB0 | 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 #00ECE5 como 0% y #D2FFB0 como 100%.

0.0%	0.0% #00ECE5	RGB 0 236 229	#00ECE5
16.7%	16.7% #1BEFB7	RGB 27 239 183	#1BEFB7
33.3%	33.3% #37F295	RGB 55 242 149	#37F295
50.0%	50.0% #54F580	RGB 84 245 128	#54F580
66.7%	66.7% #72F877	RGB 114 248 119	#72F877
83.3%	83.3% #A5FB90	RGB 165 251 144	#A5FB90
100.0%	100.0% #D2FFB0	RGB 210 255 176	#D2FFB0

#00ECE5 #1BEFB7 #37F295 #54F580 #72F877 #A5FB90 #D2FFB0

#00ECE5 - #54F580 - #D2FFB0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00ECE5 0%, #54F580 50%, #D2FFB0 100%);
    background: -webkit-linear-gradient(top, #00ECE5 0%, #54F580 50%, #D2FFB0 100%);
    background: linear-gradient(to bottom, #00ECE5 0%, #54F580 50%, #D2FFB0 100%);
}
</style>