#CAECDF - #D5E9D4 | 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 #CAECDF a #D5E9D4

#CAECDF #D5E9D4

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

#CAECDF - #D5E9D4 | 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 #CAECDF como 0% y #D5E9D4 como 100%.

0.0%	0.0% #CAECDF	RGB 202 236 223	#CAECDF
16.7%	16.7% #CBEBDD	RGB 203 235 221	#CBEBDD
33.3%	33.3% #CDEBDB	RGB 205 235 219	#CDEBDB
50.0%	50.0% #CFEAD9	RGB 207 234 217	#CFEAD9
66.7%	66.7% #D1EAD7	RGB 209 234 215	#D1EAD7
83.3%	83.3% #D3E9D5	RGB 211 233 213	#D3E9D5
100.0%	100.0% #D5E9D4	RGB 213 233 212	#D5E9D4

#CAECDF #CBEBDD #CDEBDB #CFEAD9 #D1EAD7 #D3E9D5 #D5E9D4

#CAECDF - #D5E9D4

Mezcla HSV

#CAECDF - #D5E9D4 | 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 #CAECDF como 0% y #D5E9D4 como 100%.

0.0%	0.0% #CAECDF	RGB 202 236 223	#CAECDF
16.7%	16.7% #CBEBDB	RGB 203 235 219	#CBEBDB
33.3%	33.3% #CDEBD9	RGB 205 235 217	#CDEBD9
50.0%	50.0% #CFEAD6	RGB 207 234 214	#CFEAD6
66.7%	66.7% #D0EAD5	RGB 208 234 213	#D0EAD5
83.3%	83.3% #D2E9D3	RGB 210 233 211	#D2E9D3
100.0%	100.0% #D5E9D4	RGB 213 233 212	#D5E9D4

#CAECDF #CBEBDB #CDEBD9 #CFEAD6 #D0EAD5 #D2E9D3 #D5E9D4

#CAECDF - #CFEAD6 - #D5E9D4

Códigos CSS

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

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