#C8C0C0 - #E8C7E5 | 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 #C8C0C0 a #E8C7E5

#C8C0C0 #E8C7E5

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

#C8C0C0 - #E8C7E5 | 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 #C8C0C0 como 0% y #E8C7E5 como 100%.

0.0%	0.0% #C8C0C0	RGB 200 192 192	#C8C0C0
16.7%	16.7% #CDC1C6	RGB 205 193 198	#CDC1C6
33.3%	33.3% #D2C2CC	RGB 210 194 204	#D2C2CC
50.0%	50.0% #D8C3D2	RGB 216 195 210	#D8C3D2
66.7%	66.7% #DDC4D8	RGB 221 196 216	#DDC4D8
83.3%	83.3% #E2C5DE	RGB 226 197 222	#E2C5DE
100.0%	100.0% #E8C7E5	RGB 232 199 229	#E8C7E5

#C8C0C0 #CDC1C6 #D2C2CC #D8C3D2 #DDC4D8 #E2C5DE #E8C7E5

#C8C0C0 - #E8C7E5

Mezcla HSV

#C8C0C0 - #E8C7E5 | 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 #C8C0C0 como 0% y #E8C7E5 como 100%.

0.0%	0.0% #C8C0C0	RGB 200 192 192	#C8C0C0
16.7%	16.7% #CDC1C3	RGB 205 193 195	#CDC1C3
33.3%	33.3% #D2C3C7	RGB 210 195 199	#D2C3C7
50.0%	50.0% #D8C4CD	RGB 216 196 205	#D8C4CD
66.7%	66.7% #DDC5D3	RGB 221 197 211	#DDC5D3
83.3%	83.3% #E2C6DB	RGB 226 198 219	#E2C6DB
100.0%	100.0% #E8C7E5	RGB 232 199 229	#E8C7E5

#C8C0C0 #CDC1C3 #D2C3C7 #D8C4CD #DDC5D3 #E2C6DB #E8C7E5

#C8C0C0 - #D8C4CD - #E8C7E5

Códigos CSS

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

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