#C3C3C9 - #E1DECE | 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 #C3C3C9 a #E1DECE

#C3C3C9 #E1DECE

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

#C3C3C9 - #E1DECE | 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 #C3C3C9 como 0% y #E1DECE como 100%.

0.0%	0.0% #C3C3C9	RGB 195 195 201	#C3C3C9
16.7%	16.7% #C8C7C9	RGB 200 199 201	#C8C7C9
33.3%	33.3% #CDCCCA	RGB 205 204 202	#CDCCCA
50.0%	50.0% #D2D0CB	RGB 210 208 203	#D2D0CB
66.7%	66.7% #D7D5CC	RGB 215 213 204	#D7D5CC
83.3%	83.3% #DCD9CD	RGB 220 217 205	#DCD9CD
100.0%	100.0% #E1DECE	RGB 225 222 206	#E1DECE

#C3C3C9 #C8C7C9 #CDCCCA #D2D0CB #D7D5CC #DCD9CD #E1DECE

#C3C3C9 - #E1DECE

Mezcla HSV

#C3C3C9 - #E1DECE | 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 #C3C3C9 como 0% y #E1DECE como 100%.

0.0%	0.0% #C3C3C9	RGB 195 195 201	#C3C3C9
16.7%	16.7% #C8C5CD	RGB 200 197 205	#C8C5CD
33.3%	33.3% #D0C6D1	RGB 208 198 209	#D0C6D1
50.0%	50.0% #D5C8CF	RGB 213 200 207	#D5C8CF
66.7%	66.7% #D9CACC	RGB 217 202 204	#D9CACC
83.3%	83.3% #DDD2CC	RGB 221 210 204	#DDD2CC
100.0%	100.0% #E1DECE	RGB 225 222 206	#E1DECE

#C3C3C9 #C8C5CD #D0C6D1 #D5C8CF #D9CACC #DDD2CC #E1DECE

#C3C3C9 - #D5C8CF - #E1DECE

Códigos CSS

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

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