#C0FFD1 - #EEEACD | 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 #C0FFD1 a #EEEACD

#C0FFD1 #EEEACD

Calcule el color entre dos colores, #C0FFD1 y #EEEACD. 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)

#C0FFD1 - #EEEACD | 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 #C0FFD1 como 0% y #EEEACD como 100%.

0.0%	0.0% #C0FFD1	RGB 192 255 209	#C0FFD1
16.7%	16.7% #C7FBD0	RGB 199 251 208	#C7FBD0
33.3%	33.3% #CFF8CF	RGB 207 248 207	#CFF8CF
50.0%	50.0% #D7F4CF	RGB 215 244 207	#D7F4CF
66.7%	66.7% #DEF1CE	RGB 222 241 206	#DEF1CE
83.3%	83.3% #E6EDCD	RGB 230 237 205	#E6EDCD
100.0%	100.0% #EEEACD	RGB 238 234 205	#EEEACD

#C0FFD1 #C7FBD0 #CFF8CF #D7F4CF #DEF1CE #E6EDCD #EEEACD

#C0FFD1 - #EEEACD

Mezcla HSV

#C0FFD1 - #EEEACD | 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 #C0FFD1 como 0% y #EEEACD como 100%.

0.0%	0.0% #C0FFD1	RGB 192 255 209	#C0FFD1
16.7%	16.7% #C2FCC4	RGB 194 252 196	#C2FCC4
33.3%	33.3% #CEF9C4	RGB 206 249 196	#CEF9C4
50.0%	50.0% #DBF6C6	RGB 219 246 198	#DBF6C6
66.7%	66.7% #E5F3C9	RGB 229 243 201	#E5F3C9
83.3%	83.3% #ECF0CB	RGB 236 240 203	#ECF0CB
100.0%	100.0% #EEEACD	RGB 238 234 205	#EEEACD

#C0FFD1 #C2FCC4 #CEF9C4 #DBF6C6 #E5F3C9 #ECF0CB #EEEACD

#C0FFD1 - #DBF6C6 - #EEEACD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0FFD1 0%, #DBF6C6 50%, #EEEACD 100%);
    background: -webkit-linear-gradient(top, #C0FFD1 0%, #DBF6C6 50%, #EEEACD 100%);
    background: linear-gradient(to bottom, #C0FFD1 0%, #DBF6C6 50%, #EEEACD 100%);
}
</style>