#CECACC - #DCC5E3 | 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 #CECACC a #DCC5E3

#CECACC #DCC5E3

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

#CECACC - #DCC5E3 | 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 #CECACC como 0% y #DCC5E3 como 100%.

0.0%	0.0% #CECACC	RGB 206 202 204	#CECACC
16.7%	16.7% #D0C9CF	RGB 208 201 207	#D0C9CF
33.3%	33.3% #D2C8D3	RGB 210 200 211	#D2C8D3
50.0%	50.0% #D5C7D7	RGB 213 199 215	#D5C7D7
66.7%	66.7% #D7C6DB	RGB 215 198 219	#D7C6DB
83.3%	83.3% #D9C5DF	RGB 217 197 223	#D9C5DF
100.0%	100.0% #DCC5E3	RGB 220 197 227	#DCC5E3

#CECACC #D0C9CF #D2C8D3 #D5C7D7 #D7C6DB #D9C5DF #DCC5E3

#CECACC - #DCC5E3

Mezcla HSV

#CECACC - #DCC5E3 | 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 #CECACC como 0% y #DCC5E3 como 100%.

0.0%	0.0% #CECACC	RGB 206 202 204	#CECACC
16.7%	16.7% #D1C9CE	RGB 209 201 206	#D1C9CE
33.3%	33.3% #D5C8D1	RGB 213 200 209	#D5C8D1
50.0%	50.0% #D8C8D6	RGB 216 200 214	#D8C8D6
66.7%	66.7% #DCC7DB	RGB 220 199 219	#DCC7DB
83.3%	83.3% #DCC6DF	RGB 220 198 223	#DCC6DF
100.0%	100.0% #DCC5E3	RGB 220 197 227	#DCC5E3

#CECACC #D1C9CE #D5C8D1 #D8C8D6 #DCC7DB #DCC6DF #DCC5E3

#CECACC - #D8C8D6 - #DCC5E3

Códigos CSS

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

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