#CDC8C8 - #E3C5E2 | 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 #CDC8C8 a #E3C5E2

#CDC8C8 #E3C5E2

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

#CDC8C8 - #E3C5E2 | 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 #CDC8C8 como 0% y #E3C5E2 como 100%.

0.0%	0.0% #CDC8C8	RGB 205 200 200	#CDC8C8
16.7%	16.7% #D0C7CC	RGB 208 199 204	#D0C7CC
33.3%	33.3% #D4C7D0	RGB 212 199 208	#D4C7D0
50.0%	50.0% #D8C6D5	RGB 216 198 213	#D8C6D5
66.7%	66.7% #DBC6D9	RGB 219 198 217	#DBC6D9
83.3%	83.3% #DFC5DD	RGB 223 197 221	#DFC5DD
100.0%	100.0% #E3C5E2	RGB 227 197 226	#E3C5E2

#CDC8C8 #D0C7CC #D4C7D0 #D8C6D5 #DBC6D9 #DFC5DD #E3C5E2

#CDC8C8 - #E3C5E2

Mezcla HSV

#CDC8C8 - #E3C5E2 | 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 #CDC8C8 como 0% y #E3C5E2 como 100%.

0.0%	0.0% #CDC8C8	RGB 205 200 200	#CDC8C8
16.7%	16.7% #D0C7C9	RGB 208 199 201	#D0C7C9
33.3%	33.3% #D4C7CB	RGB 212 199 203	#D4C7CB
50.0%	50.0% #D8C7CF	RGB 216 199 207	#D8C7CF
66.7%	66.7% #DBC6D4	RGB 219 198 212	#DBC6D4
83.3%	83.3% #DFC5DA	RGB 223 197 218	#DFC5DA
100.0%	100.0% #E3C5E2	RGB 227 197 226	#E3C5E2

#CDC8C8 #D0C7C9 #D4C7CB #D8C7CF #DBC6D4 #DFC5DA #E3C5E2

#CDC8C8 - #D8C7CF - #E3C5E2

Códigos CSS

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

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