#462D3C - #CAC3C7 | 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 #462D3C a #CAC3C7

#462D3C #CAC3C7

Calcule el color entre dos colores, #462D3C y #CAC3C7. 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)

#462D3C - #CAC3C7 | 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 #462D3C como 0% y #CAC3C7 como 100%.

0.0%	0.0% #462D3C	RGB 70 45 60	#462D3C
16.7%	16.7% #5C4653	RGB 92 70 83	#5C4653
33.3%	33.3% #725F6A	RGB 114 95 106	#725F6A
50.0%	50.0% #887881	RGB 136 120 129	#887881
66.7%	66.7% #9E9198	RGB 158 145 152	#9E9198
83.3%	83.3% #B4AAAF	RGB 180 170 175	#B4AAAF
100.0%	100.0% #CAC3C7	RGB 202 195 199	#CAC3C7

#462D3C #5C4653 #725F6A #887881 #9E9198 #B4AAAF #CAC3C7

#462D3C - #CAC3C7

Mezcla HSV

#462D3C - #CAC3C7 | 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 #462D3C como 0% y #CAC3C7 como 100%.

0.0%	0.0% #462D3C	RGB 70 45 60	#462D3C
16.7%	16.7% #5C4050	RGB 92 64 80	#5C4050
33.3%	33.3% #725566	RGB 114 85 102	#725566
50.0%	50.0% #886D7C	RGB 136 109 124	#886D7C
66.7%	66.7% #9E8794	RGB 158 135 148	#9E8794
83.3%	83.3% #B4A4AD	RGB 180 164 173	#B4A4AD
100.0%	100.0% #CAC3C7	RGB 202 195 199	#CAC3C7

#462D3C #5C4050 #725566 #886D7C #9E8794 #B4A4AD #CAC3C7

#462D3C - #886D7C - #CAC3C7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #462D3C 0%, #886D7C 50%, #CAC3C7 100%);
    background: -webkit-linear-gradient(top, #462D3C 0%, #886D7C 50%, #CAC3C7 100%);
    background: linear-gradient(to bottom, #462D3C 0%, #886D7C 50%, #CAC3C7 100%);
}
</style>