#C3C3C7 - #E2DECC | 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 #C3C3C7 a #E2DECC

#C3C3C7 #E2DECC

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

#C3C3C7 - #E2DECC | 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 #C3C3C7 como 0% y #E2DECC como 100%.

0.0%	0.0% #C3C3C7	RGB 195 195 199	#C3C3C7
16.7%	16.7% #C8C7C7	RGB 200 199 199	#C8C7C7
33.3%	33.3% #CDCCC8	RGB 205 204 200	#CDCCC8
50.0%	50.0% #D2D0C9	RGB 210 208 201	#D2D0C9
66.7%	66.7% #D7D5CA	RGB 215 213 202	#D7D5CA
83.3%	83.3% #DCD9CB	RGB 220 217 203	#DCD9CB
100.0%	100.0% #E2DECC	RGB 226 222 204	#E2DECC

#C3C3C7 #C8C7C7 #CDCCC8 #D2D0C9 #D7D5CA #DCD9CB #E2DECC

#C3C3C7 - #E2DECC

Mezcla HSV

#C3C3C7 - #E2DECC | 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 #C3C3C7 como 0% y #E2DECC como 100%.

0.0%	0.0% #C3C3C7	RGB 195 195 199	#C3C3C7
16.7%	16.7% #C7C4CB	RGB 199 196 203	#C7C4CB
33.3%	33.3% #CFC6D0	RGB 207 198 208	#CFC6D0
50.0%	50.0% #D4C8CF	RGB 212 200 207	#D4C8CF
66.7%	66.7% #D9C9CB	RGB 217 201 203	#D9C9CB
83.3%	83.3% #DDD1CA	RGB 221 209 202	#DDD1CA
100.0%	100.0% #E2DECC	RGB 226 222 204	#E2DECC

#C3C3C7 #C7C4CB #CFC6D0 #D4C8CF #D9C9CB #DDD1CA #E2DECC

#C3C3C7 - #D4C8CF - #E2DECC

Códigos CSS

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

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