#C6C3A8 - #E2B8C0 | 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 #C6C3A8 a #E2B8C0

#C6C3A8 #E2B8C0

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

#C6C3A8 - #E2B8C0 | 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 #C6C3A8 como 0% y #E2B8C0 como 100%.

0.0%	0.0% #C6C3A8	RGB 198 195 168	#C6C3A8
16.7%	16.7% #CAC1AC	RGB 202 193 172	#CAC1AC
33.3%	33.3% #CFBFB0	RGB 207 191 176	#CFBFB0
50.0%	50.0% #D4BDB4	RGB 212 189 180	#D4BDB4
66.7%	66.7% #D8BBB8	RGB 216 187 184	#D8BBB8
83.3%	83.3% #DDB9BC	RGB 221 185 188	#DDB9BC
100.0%	100.0% #E2B8C0	RGB 226 184 192	#E2B8C0

#C6C3A8 #CAC1AC #CFBFB0 #D4BDB4 #D8BBB8 #DDB9BC #E2B8C0

#C6C3A8 - #E2B8C0

Mezcla HSV

#C6C3A8 - #E2B8C0 | 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 #C6C3A8 como 0% y #E2B8C0 como 100%.

0.0%	0.0% #C6C3A8	RGB 198 195 168	#C6C3A8
16.7%	16.7% #CAC1AA	RGB 202 193 170	#CAC1AA
33.3%	33.3% #CFBFAD	RGB 207 191 173	#CFBFAD
50.0%	50.0% #D4BCB0	RGB 212 188 176	#D4BCB0
66.7%	66.7% #D8B9B2	RGB 216 185 178	#D8B9B2
83.3%	83.3% #DDB5B5	RGB 221 181 181	#DDB5B5
100.0%	100.0% #E2B8C0	RGB 226 184 192	#E2B8C0

#C6C3A8 #CAC1AA #CFBFAD #D4BCB0 #D8B9B2 #DDB5B5 #E2B8C0

#C6C3A8 - #D4BCB0 - #E2B8C0

Códigos CSS

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

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