#4A2E3C - #CBC3C7 | 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 #4A2E3C a #CBC3C7

#4A2E3C #CBC3C7

Calcule el color entre dos colores, #4A2E3C y #CBC3C7. 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)

#4A2E3C - #CBC3C7 | 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 #4A2E3C como 0% y #CBC3C7 como 100%.

0.0%	0.0% #4A2E3C	RGB 74 46 60	#4A2E3C
16.7%	16.7% #5F4653	RGB 95 70 83	#5F4653
33.3%	33.3% #755F6A	RGB 117 95 106	#755F6A
50.0%	50.0% #8A7881	RGB 138 120 129	#8A7881
66.7%	66.7% #A09198	RGB 160 145 152	#A09198
83.3%	83.3% #B5AAAF	RGB 181 170 175	#B5AAAF
100.0%	100.0% #CBC3C7	RGB 203 195 199	#CBC3C7

#4A2E3C #5F4653 #755F6A #8A7881 #A09198 #B5AAAF #CBC3C7

#4A2E3C - #CBC3C7

Mezcla HSV

#4A2E3C - #CBC3C7 | 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 #4A2E3C como 0% y #CBC3C7 como 100%.

0.0%	0.0% #4A2E3C	RGB 74 46 60	#4A2E3C
16.7%	16.7% #5F4050	RGB 95 64 80	#5F4050
33.3%	33.3% #755565	RGB 117 85 101	#755565
50.0%	50.0% #8A6D7C	RGB 138 109 124	#8A6D7C
66.7%	66.7% #A08793	RGB 160 135 147	#A08793
83.3%	83.3% #B5A4AC	RGB 181 164 172	#B5A4AC
100.0%	100.0% #CBC3C7	RGB 203 195 199	#CBC3C7

#4A2E3C #5F4050 #755565 #8A6D7C #A08793 #B5A4AC #CBC3C7

#4A2E3C - #8A6D7C - #CBC3C7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A2E3C 0%, #8A6D7C 50%, #CBC3C7 100%);
    background: -webkit-linear-gradient(top, #4A2E3C 0%, #8A6D7C 50%, #CBC3C7 100%);
    background: linear-gradient(to bottom, #4A2E3C 0%, #8A6D7C 50%, #CBC3C7 100%);
}
</style>