#402E3E - #C8C3C7 | 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 #402E3E a #C8C3C7

#402E3E #C8C3C7

Calcule el color entre dos colores, #402E3E y #C8C3C7. 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)

#402E3E - #C8C3C7 | 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 #402E3E como 0% y #C8C3C7 como 100%.

0.0%	0.0% #402E3E	RGB 64 46 62	#402E3E
16.7%	16.7% #564654	RGB 86 70 84	#564654
33.3%	33.3% #6D5F6B	RGB 109 95 107	#6D5F6B
50.0%	50.0% #847882	RGB 132 120 130	#847882
66.7%	66.7% #9A9199	RGB 154 145 153	#9A9199
83.3%	83.3% #B1AAB0	RGB 177 170 176	#B1AAB0
100.0%	100.0% #C8C3C7	RGB 200 195 199	#C8C3C7

#402E3E #564654 #6D5F6B #847882 #9A9199 #B1AAB0 #C8C3C7

#402E3E - #C8C3C7

Mezcla HSV

#402E3E - #C8C3C7 | 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 #402E3E como 0% y #C8C3C7 como 100%.

0.0%	0.0% #402E3E	RGB 64 46 62	#402E3E
16.7%	16.7% #564154	RGB 86 65 84	#564154
33.3%	33.3% #6D576A	RGB 109 87 106	#6D576A
50.0%	50.0% #846F80	RGB 132 111 128	#846F80
66.7%	66.7% #9A8997	RGB 154 137 151	#9A8997
83.3%	83.3% #B1A5AF	RGB 177 165 175	#B1A5AF
100.0%	100.0% #C8C3C7	RGB 200 195 199	#C8C3C7

#402E3E #564154 #6D576A #846F80 #9A8997 #B1A5AF #C8C3C7

#402E3E - #846F80 - #C8C3C7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #402E3E 0%, #846F80 50%, #C8C3C7 100%);
    background: -webkit-linear-gradient(top, #402E3E 0%, #846F80 50%, #C8C3C7 100%);
    background: linear-gradient(to bottom, #402E3E 0%, #846F80 50%, #C8C3C7 100%);
}
</style>