#C6CDC0 - #EEF0ED | 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 #C6CDC0 a #EEF0ED

#C6CDC0 #EEF0ED

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

#C6CDC0 - #EEF0ED | 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 #C6CDC0 como 0% y #EEF0ED como 100%.

0.0%	0.0% #C6CDC0	RGB 198 205 192	#C6CDC0
16.7%	16.7% #CCD2C7	RGB 204 210 199	#CCD2C7
33.3%	33.3% #D3D8CF	RGB 211 216 207	#D3D8CF
50.0%	50.0% #DADED6	RGB 218 222 214	#DADED6
66.7%	66.7% #E0E4DE	RGB 224 228 222	#E0E4DE
83.3%	83.3% #E7EAE5	RGB 231 234 229	#E7EAE5
100.0%	100.0% #EEF0ED	RGB 238 240 237	#EEF0ED

#C6CDC0 #CCD2C7 #D3D8CF #DADED6 #E0E4DE #E7EAE5 #EEF0ED

#C6CDC0 - #EEF0ED

Mezcla HSV

#C6CDC0 - #EEF0ED | 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 #C6CDC0 como 0% y #EEF0ED como 100%.

0.0%	0.0% #C6CDC0	RGB 198 205 192	#C6CDC0
16.7%	16.7% #CCD2C7	RGB 204 210 199	#CCD2C7
33.3%	33.3% #D2D8CE	RGB 210 216 206	#D2D8CE
50.0%	50.0% #D9DED6	RGB 217 222 214	#D9DED6
66.7%	66.7% #E0E4DD	RGB 224 228 221	#E0E4DD
83.3%	83.3% #E6EAE5	RGB 230 234 229	#E6EAE5
100.0%	100.0% #EEF0ED	RGB 238 240 237	#EEF0ED

#C6CDC0 #CCD2C7 #D2D8CE #D9DED6 #E0E4DD #E6EAE5 #EEF0ED

#C6CDC0 - #D9DED6 - #EEF0ED

Códigos CSS

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

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