#CAFFDD - #E5EAD5 | 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 #CAFFDD a #E5EAD5

#CAFFDD #E5EAD5

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

#CAFFDD - #E5EAD5 | 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 #CAFFDD como 0% y #E5EAD5 como 100%.

0.0%	0.0% #CAFFDD	RGB 202 255 221	#CAFFDD
16.7%	16.7% #CEFBDB	RGB 206 251 219	#CEFBDB
33.3%	33.3% #D3F8DA	RGB 211 248 218	#D3F8DA
50.0%	50.0% #D7F4D9	RGB 215 244 217	#D7F4D9
66.7%	66.7% #DCF1D7	RGB 220 241 215	#DCF1D7
83.3%	83.3% #E0EDD6	RGB 224 237 214	#E0EDD6
100.0%	100.0% #E5EAD5	RGB 229 234 213	#E5EAD5

#CAFFDD #CEFBDB #D3F8DA #D7F4D9 #DCF1D7 #E0EDD6 #E5EAD5

#CAFFDD - #E5EAD5

Mezcla HSV

#CAFFDD - #E5EAD5 | 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 #CAFFDD como 0% y #E5EAD5 como 100%.

0.0%	0.0% #CAFFDD	RGB 202 255 221	#CAFFDD
16.7%	16.7% #CCFBD4	RGB 204 251 212	#CCFBD4
33.3%	33.3% #CEF8CE	RGB 206 248 206	#CEF8CE
50.0%	50.0% #D7F4D0	RGB 215 244 208	#D7F4D0
66.7%	66.7% #DDF1D1	RGB 221 241 209	#DDF1D1
83.3%	83.3% #E2EDD3	RGB 226 237 211	#E2EDD3
100.0%	100.0% #E5EAD5	RGB 229 234 213	#E5EAD5

#CAFFDD #CCFBD4 #CEF8CE #D7F4D0 #DDF1D1 #E2EDD3 #E5EAD5

#CAFFDD - #D7F4D0 - #E5EAD5

Códigos CSS

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

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