#CECACD - #D3C5E3 | 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 #CECACD a #D3C5E3

#CECACD #D3C5E3

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

#CECACD - #D3C5E3 | 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 #CECACD como 0% y #D3C5E3 como 100%.

0.0%	0.0% #CECACD	RGB 206 202 205	#CECACD
16.7%	16.7% #CEC9D0	RGB 206 201 208	#CEC9D0
33.3%	33.3% #CFC8D4	RGB 207 200 212	#CFC8D4
50.0%	50.0% #D0C7D8	RGB 208 199 216	#D0C7D8
66.7%	66.7% #D1C6DB	RGB 209 198 219	#D1C6DB
83.3%	83.3% #D2C5DF	RGB 210 197 223	#D2C5DF
100.0%	100.0% #D3C5E3	RGB 211 197 227	#D3C5E3

#CECACD #CEC9D0 #CFC8D4 #D0C7D8 #D1C6DB #D2C5DF #D3C5E3

#CECACD - #D3C5E3

Mezcla HSV

#CECACD - #D3C5E3 | 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 #CECACD como 0% y #D3C5E3 como 100%.

0.0%	0.0% #CECACD	RGB 206 202 205	#CECACD
16.7%	16.7% #D1C9D0	RGB 209 201 208	#D1C9D0
33.3%	33.3% #D4C8D5	RGB 212 200 213	#D4C8D5
50.0%	50.0% #D6C8D8	RGB 214 200 216	#D6C8D8
66.7%	66.7% #D6C7DC	RGB 214 199 220	#D6C7DC
83.3%	83.3% #D5C6DF	RGB 213 198 223	#D5C6DF
100.0%	100.0% #D3C5E3	RGB 211 197 227	#D3C5E3

#CECACD #D1C9D0 #D4C8D5 #D6C8D8 #D6C7DC #D5C6DF #D3C5E3

#CECACD - #D6C8D8 - #D3C5E3

Códigos CSS

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

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