#00D1A2 - #ECFFA8 | 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 #00D1A2 a #ECFFA8

#00D1A2 #ECFFA8

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

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

0.0%	0.0% #00D1A2	RGB 0 209 162	#00D1A2
16.7%	16.7% #27D8A3	RGB 39 216 163	#27D8A3
33.3%	33.3% #4EE0A4	RGB 78 224 164	#4EE0A4
50.0%	50.0% #76E8A5	RGB 118 232 165	#76E8A5
66.7%	66.7% #9DEFA6	RGB 157 239 166	#9DEFA6
83.3%	83.3% #C4F7A7	RGB 196 247 167	#C4F7A7
100.0%	100.0% #ECFFA8	RGB 236 255 168	#ECFFA8

#00D1A2 #27D8A3 #4EE0A4 #76E8A5 #9DEFA6 #C4F7A7 #ECFFA8

#00D1A2 - #ECFFA8

Mezcla HSV

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

0.0%	0.0% #00D1A2	RGB 0 209 162	#00D1A2
16.7%	16.7% #17D87B	RGB 23 216 123	#17D87B
33.3%	33.3% #31E05E	RGB 49 224 94	#31E05E
50.0%	50.0% #4CE84C	RGB 76 232 76	#4CE84C
66.7%	66.7% #8CEF69	RGB 140 239 105	#8CEF69
83.3%	83.3% #C2F787	RGB 194 247 135	#C2F787
100.0%	100.0% #ECFFA8	RGB 236 255 168	#ECFFA8

#00D1A2 #17D87B #31E05E #4CE84C #8CEF69 #C2F787 #ECFFA8

#00D1A2 - #4CE84C - #ECFFA8

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00D1A2 0%, #4CE84C 50%, #ECFFA8 100%);
    background: -webkit-linear-gradient(top, #00D1A2 0%, #4CE84C 50%, #ECFFA8 100%);
    background: linear-gradient(to bottom, #00D1A2 0%, #4CE84C 50%, #ECFFA8 100%);
}
</style>