#C0C7BB - #ECEFEB | 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 #C0C7BB a #ECEFEB

#C0C7BB #ECEFEB

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

#C0C7BB - #ECEFEB | 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 #C0C7BB como 0% y #ECEFEB como 100%.

0.0%	0.0% #C0C7BB	RGB 192 199 187	#C0C7BB
16.7%	16.7% #C7CDC3	RGB 199 205 195	#C7CDC3
33.3%	33.3% #CED4CB	RGB 206 212 203	#CED4CB
50.0%	50.0% #D6DBD3	RGB 214 219 211	#D6DBD3
66.7%	66.7% #DDE1DB	RGB 221 225 219	#DDE1DB
83.3%	83.3% #E4E8E3	RGB 228 232 227	#E4E8E3
100.0%	100.0% #ECEFEB	RGB 236 239 235	#ECEFEB

#C0C7BB #C7CDC3 #CED4CB #D6DBD3 #DDE1DB #E4E8E3 #ECEFEB

#C0C7BB - #ECEFEB

Mezcla HSV

#C0C7BB - #ECEFEB | 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 #C0C7BB como 0% y #ECEFEB como 100%.

0.0%	0.0% #C0C7BB	RGB 192 199 187	#C0C7BB
16.7%	16.7% #C7CDC2	RGB 199 205 194	#C7CDC2
33.3%	33.3% #CED4CA	RGB 206 212 202	#CED4CA
50.0%	50.0% #D5DBD2	RGB 213 219 210	#D5DBD2
66.7%	66.7% #DCE1DA	RGB 220 225 218	#DCE1DA
83.3%	83.3% #E4E8E2	RGB 228 232 226	#E4E8E2
100.0%	100.0% #ECEFEB	RGB 236 239 235	#ECEFEB

#C0C7BB #C7CDC2 #CED4CA #D5DBD2 #DCE1DA #E4E8E2 #ECEFEB

#C0C7BB - #D5DBD2 - #ECEFEB

Códigos CSS

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

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