#C3C3BC - #FFE9C8 | 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 #C3C3BC a #FFE9C8

#C3C3BC #FFE9C8

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

#C3C3BC - #FFE9C8 | 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 #C3C3BC como 0% y #FFE9C8 como 100%.

0.0%	0.0% #C3C3BC	RGB 195 195 188	#C3C3BC
16.7%	16.7% #CDC9BE	RGB 205 201 190	#CDC9BE
33.3%	33.3% #D7CFC0	RGB 215 207 192	#D7CFC0
50.0%	50.0% #E1D6C2	RGB 225 214 194	#E1D6C2
66.7%	66.7% #EBDCC4	RGB 235 220 196	#EBDCC4
83.3%	83.3% #F5E2C6	RGB 245 226 198	#F5E2C6
100.0%	100.0% #FFE9C8	RGB 255 233 200	#FFE9C8

#C3C3BC #CDC9BE #D7CFC0 #E1D6C2 #EBDCC4 #F5E2C6 #FFE9C8

#C3C3BC - #FFE9C8

Mezcla HSV

#C3C3BC - #FFE9C8 | 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 #C3C3BC como 0% y #FFE9C8 como 100%.

0.0%	0.0% #C3C3BC	RGB 195 195 188	#C3C3BC
16.7%	16.7% #CDCCBF	RGB 205 204 191	#CDCCBF
33.3%	33.3% #D7D4C2	RGB 215 212 194	#D7D4C2
50.0%	50.0% #E1DBC4	RGB 225 219 196	#E1DBC4
66.7%	66.7% #EBE1C6	RGB 235 225 198	#EBE1C6
83.3%	83.3% #F5E5C7	RGB 245 229 199	#F5E5C7
100.0%	100.0% #FFE9C8	RGB 255 233 200	#FFE9C8

#C3C3BC #CDCCBF #D7D4C2 #E1DBC4 #EBE1C6 #F5E5C7 #FFE9C8

#C3C3BC - #E1DBC4 - #FFE9C8

Códigos CSS

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

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