#CECACD - #C8C5E3 | 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 #C8C5E3

#CECACD #C8C5E3

Calcule el color entre dos colores, #CECACD y #C8C5E3. 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 - #C8C5E3 | 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 #C8C5E3 como 100%.

0.0%	0.0% #CECACD	RGB 206 202 205	#CECACD
16.7%	16.7% #CDC9D0	RGB 205 201 208	#CDC9D0
33.3%	33.3% #CCC8D4	RGB 204 200 212	#CCC8D4
50.0%	50.0% #CBC7D8	RGB 203 199 216	#CBC7D8
66.7%	66.7% #CAC6DB	RGB 202 198 219	#CAC6DB
83.3%	83.3% #C9C5DF	RGB 201 197 223	#C9C5DF
100.0%	100.0% #C8C5E3	RGB 200 197 227	#C8C5E3

#CECACD #CDC9D0 #CCC8D4 #CBC7D8 #CAC6DB #C9C5DF #C8C5E3

#CECACD - #C8C5E3

Mezcla HSV

#CECACD - #C8C5E3 | 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 #C8C5E3 como 100%.

0.0%	0.0% #CECACD	RGB 206 202 205	#CECACD
16.7%	16.7% #D1C9D1	RGB 209 201 209	#D1C9D1
33.3%	33.3% #D3C8D5	RGB 211 200 213	#D3C8D5
50.0%	50.0% #D3C8D8	RGB 211 200 216	#D3C8D8
66.7%	66.7% #D1C7DC	RGB 209 199 220	#D1C7DC
83.3%	83.3% #CDC6DF	RGB 205 198 223	#CDC6DF
100.0%	100.0% #C8C5E3	RGB 200 197 227	#C8C5E3

#CECACD #D1C9D1 #D3C8D5 #D3C8D8 #D1C7DC #CDC6DF #C8C5E3

#CECACD - #D3C8D8 - #C8C5E3

Códigos CSS

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

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