#C3C4C1 - #EDEEED | 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 #C3C4C1 a #EDEEED

#C3C4C1 #EDEEED

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

#C3C4C1 - #EDEEED | 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 #C3C4C1 como 0% y #EDEEED como 100%.

0.0%	0.0% #C3C4C1	RGB 195 196 193	#C3C4C1
16.7%	16.7% #CACBC8	RGB 202 203 200	#CACBC8
33.3%	33.3% #D1D2CF	RGB 209 210 207	#D1D2CF
50.0%	50.0% #D8D9D7	RGB 216 217 215	#D8D9D7
66.7%	66.7% #DFE0DE	RGB 223 224 222	#DFE0DE
83.3%	83.3% #E6E7E5	RGB 230 231 229	#E6E7E5
100.0%	100.0% #EDEEED	RGB 237 238 237	#EDEEED

#C3C4C1 #CACBC8 #D1D2CF #D8D9D7 #DFE0DE #E6E7E5 #EDEEED

#C3C4C1 - #EDEEED

Mezcla HSV

#C3C4C1 - #EDEEED | 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 #C3C4C1 como 0% y #EDEEED como 100%.

0.0%	0.0% #C3C4C1	RGB 195 196 193	#C3C4C1
16.7%	16.7% #C9CBC8	RGB 201 203 200	#C9CBC8
33.3%	33.3% #D0D2CF	RGB 208 210 207	#D0D2CF
50.0%	50.0% #D7D9D6	RGB 215 217 214	#D7D9D6
66.7%	66.7% #DEE0DE	RGB 222 224 222	#DEE0DE
83.3%	83.3% #E5E7E5	RGB 229 231 229	#E5E7E5
100.0%	100.0% #EDEEED	RGB 237 238 237	#EDEEED

#C3C4C1 #C9CBC8 #D0D2CF #D7D9D6 #DEE0DE #E5E7E5 #EDEEED

#C3C4C1 - #D7D9D6 - #EDEEED

Códigos CSS

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

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