#C0CAB6 - #ECEFEA | 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 #C0CAB6 a #ECEFEA

#C0CAB6 #ECEFEA

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

#C0CAB6 - #ECEFEA | 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 #C0CAB6 como 0% y #ECEFEA como 100%.

0.0%	0.0% #C0CAB6	RGB 192 202 182	#C0CAB6
16.7%	16.7% #C7D0BE	RGB 199 208 190	#C7D0BE
33.3%	33.3% #CED6C7	RGB 206 214 199	#CED6C7
50.0%	50.0% #D6DCD0	RGB 214 220 208	#D6DCD0
66.7%	66.7% #DDE2D8	RGB 221 226 216	#DDE2D8
83.3%	83.3% #E4E8E1	RGB 228 232 225	#E4E8E1
100.0%	100.0% #ECEFEA	RGB 236 239 234	#ECEFEA

#C0CAB6 #C7D0BE #CED6C7 #D6DCD0 #DDE2D8 #E4E8E1 #ECEFEA

#C0CAB6 - #ECEFEA

Mezcla HSV

#C0CAB6 - #ECEFEA | 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 #C0CAB6 como 0% y #ECEFEA como 100%.

0.0%	0.0% #C0CAB6	RGB 192 202 182	#C0CAB6
16.7%	16.7% #C6D0BE	RGB 198 208 190	#C6D0BE
33.3%	33.3% #CDD6C6	RGB 205 214 198	#CDD6C6
50.0%	50.0% #D5DCCF	RGB 213 220 207	#D5DCCF
66.7%	66.7% #DCE2D8	RGB 220 226 216	#DCE2D8
83.3%	83.3% #E4E8E0	RGB 228 232 224	#E4E8E0
100.0%	100.0% #ECEFEA	RGB 236 239 234	#ECEFEA

#C0CAB6 #C6D0BE #CDD6C6 #D5DCCF #DCE2D8 #E4E8E0 #ECEFEA

#C0CAB6 - #D5DCCF - #ECEFEA

Códigos CSS

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

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