#C7CCBA - #EEEECE | 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 #C7CCBA a #EEEECE

#C7CCBA #EEEECE

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

#C7CCBA - #EEEECE | 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 #C7CCBA como 0% y #EEEECE como 100%.

0.0%	0.0% #C7CCBA	RGB 199 204 186	#C7CCBA
16.7%	16.7% #CDD1BD	RGB 205 209 189	#CDD1BD
33.3%	33.3% #D4D7C0	RGB 212 215 192	#D4D7C0
50.0%	50.0% #DADDC4	RGB 218 221 196	#DADDC4
66.7%	66.7% #E1E2C7	RGB 225 226 199	#E1E2C7
83.3%	83.3% #E7E8CA	RGB 231 232 202	#E7E8CA
100.0%	100.0% #EEEECE	RGB 238 238 206	#EEEECE

#C7CCBA #CDD1BD #D4D7C0 #DADDC4 #E1E2C7 #E7E8CA #EEEECE

#C7CCBA - #EEEECE

Mezcla HSV

#C7CCBA - #EEEECE | 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 #C7CCBA como 0% y #EEEECE como 100%.

0.0%	0.0% #C7CCBA	RGB 199 204 186	#C7CCBA
16.7%	16.7% #CDD1BD	RGB 205 209 189	#CDD1BD
33.3%	33.3% #D3D7C1	RGB 211 215 193	#D3D7C1
50.0%	50.0% #D9DDC4	RGB 217 221 196	#D9DDC4
66.7%	66.7% #E0E2C7	RGB 224 226 199	#E0E2C7
83.3%	83.3% #E6E8CA	RGB 230 232 202	#E6E8CA
100.0%	100.0% #EEEECE	RGB 238 238 206	#EEEECE

#C7CCBA #CDD1BD #D3D7C1 #D9DDC4 #E0E2C7 #E6E8CA #EEEECE

#C7CCBA - #D9DDC4 - #EEEECE

Códigos CSS

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

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