#CECACB - #C9C5E3 | 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 #CECACB a #C9C5E3

#CECACB #C9C5E3

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

#CECACB - #C9C5E3 | 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 #CECACB como 0% y #C9C5E3 como 100%.

0.0%	0.0% #CECACB	RGB 206 202 203	#CECACB
16.7%	16.7% #CDC9CF	RGB 205 201 207	#CDC9CF
33.3%	33.3% #CCC8D3	RGB 204 200 211	#CCC8D3
50.0%	50.0% #CBC7D7	RGB 203 199 215	#CBC7D7
66.7%	66.7% #CAC6DB	RGB 202 198 219	#CAC6DB
83.3%	83.3% #C9C5DF	RGB 201 197 223	#C9C5DF
100.0%	100.0% #C9C5E3	RGB 201 197 227	#C9C5E3

#CECACB #CDC9CF #CCC8D3 #CBC7D7 #CAC6DB #C9C5DF #C9C5E3

#CECACB - #C9C5E3

Mezcla HSV

#CECACB - #C9C5E3 | 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 #CECACB como 0% y #C9C5E3 como 100%.

0.0%	0.0% #CECACB	RGB 206 202 203	#CECACB
16.7%	16.7% #D1C9CD	RGB 209 201 205	#D1C9CD
33.3%	33.3% #D5C8D2	RGB 213 200 210	#D5C8D2
50.0%	50.0% #D7C8D8	RGB 215 200 216	#D7C8D8
66.7%	66.7% #D5C7DC	RGB 213 199 220	#D5C7DC
83.3%	83.3% #D0C6DF	RGB 208 198 223	#D0C6DF
100.0%	100.0% #C9C5E3	RGB 201 197 227	#C9C5E3

#CECACB #D1C9CD #D5C8D2 #D7C8D8 #D5C7DC #D0C6DF #C9C5E3

#CECACB - #D7C8D8 - #C9C5E3

Códigos CSS

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

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