#CACFD6 - #E5E5DD | 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 #CACFD6 a #E5E5DD

#CACFD6 #E5E5DD

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

#CACFD6 - #E5E5DD | 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 #CACFD6 como 0% y #E5E5DD como 100%.

0.0%	0.0% #CACFD6	RGB 202 207 214	#CACFD6
16.7%	16.7% #CED2D7	RGB 206 210 215	#CED2D7
33.3%	33.3% #D3D6D8	RGB 211 214 216	#D3D6D8
50.0%	50.0% #D7DAD9	RGB 215 218 217	#D7DAD9
66.7%	66.7% #DCDDDA	RGB 220 221 218	#DCDDDA
83.3%	83.3% #E0E1DB	RGB 224 225 219	#E0E1DB
100.0%	100.0% #E5E5DD	RGB 229 229 221	#E5E5DD

#CACFD6 #CED2D7 #D3D6D8 #D7DAD9 #DCDDDA #E0E1DB #E5E5DD

#CACFD6 - #E5E5DD

Mezcla HSV

#CACFD6 - #E5E5DD | 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 #CACFD6 como 0% y #E5E5DD como 100%.

0.0%	0.0% #CACFD6	RGB 202 207 214	#CACFD6
16.7%	16.7% #CDD6D8	RGB 205 214 216	#CDD6D8
33.3%	33.3% #D0DBD8	RGB 208 219 216	#D0DBD8
50.0%	50.0% #D3DDD6	RGB 211 221 214	#D3DDD6
66.7%	66.7% #D7E0D6	RGB 215 224 214	#D7E0D6
83.3%	83.3% #DEE2D9	RGB 222 226 217	#DEE2D9
100.0%	100.0% #E5E5DD	RGB 229 229 221	#E5E5DD

#CACFD6 #CDD6D8 #D0DBD8 #D3DDD6 #D7E0D6 #DEE2D9 #E5E5DD

#CACFD6 - #D3DDD6 - #E5E5DD

Códigos CSS

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

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