#C0B8C8 - #ECEAEF | 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 #C0B8C8 a #ECEAEF

#C0B8C8 #ECEAEF

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

#C0B8C8 - #ECEAEF | 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 #C0B8C8 como 0% y #ECEAEF como 100%.

0.0%	0.0% #C0B8C8	RGB 192 184 200	#C0B8C8
16.7%	16.7% #C7C0CE	RGB 199 192 206	#C7C0CE
33.3%	33.3% #CEC8D5	RGB 206 200 213	#CEC8D5
50.0%	50.0% #D6D1DB	RGB 214 209 219	#D6D1DB
66.7%	66.7% #DDD9E2	RGB 221 217 226	#DDD9E2
83.3%	83.3% #E4E1E8	RGB 228 225 232	#E4E1E8
100.0%	100.0% #ECEAEF	RGB 236 234 239	#ECEAEF

#C0B8C8 #C7C0CE #CEC8D5 #D6D1DB #DDD9E2 #E4E1E8 #ECEAEF

#C0B8C8 - #ECEAEF

Mezcla HSV

#C0B8C8 - #ECEAEF | 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 #C0B8C8 como 0% y #ECEAEF como 100%.

0.0%	0.0% #C0B8C8	RGB 192 184 200	#C0B8C8
16.7%	16.7% #C7C0CE	RGB 199 192 206	#C7C0CE
33.3%	33.3% #CEC8D5	RGB 206 200 213	#CEC8D5
50.0%	50.0% #D5D0DB	RGB 213 208 219	#D5D0DB
66.7%	66.7% #DCD8E2	RGB 220 216 226	#DCD8E2
83.3%	83.3% #E4E1E8	RGB 228 225 232	#E4E1E8
100.0%	100.0% #ECEAEF	RGB 236 234 239	#ECEAEF

#C0B8C8 #C7C0CE #CEC8D5 #D5D0DB #DCD8E2 #E4E1E8 #ECEAEF

#C0B8C8 - #D5D0DB - #ECEAEF

Códigos CSS

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

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