#CA5E3C - #93280E | 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 #CA5E3C a #93280E

#CA5E3C #93280E

Calcule el color entre dos colores, #CA5E3C y #93280E. 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)

#CA5E3C - #93280E | 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 #CA5E3C como 0% y #93280E como 100%.

0.0%	0.0% #CA5E3C	RGB 202 94 60	#CA5E3C
16.7%	16.7% #C05534	RGB 192 85 52	#C05534
33.3%	33.3% #B74C2C	RGB 183 76 44	#B74C2C
50.0%	50.0% #AE4325	RGB 174 67 37	#AE4325
66.7%	66.7% #A53A1D	RGB 165 58 29	#A53A1D
83.3%	83.3% #9C3115	RGB 156 49 21	#9C3115
100.0%	100.0% #93280E	RGB 147 40 14	#93280E

#CA5E3C #C05534 #B74C2C #AE4325 #A53A1D #9C3115 #93280E

#CA5E3C - #93280E

Mezcla HSV

#CA5E3C - #93280E | 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 #CA5E3C como 0% y #93280E como 100%.

0.0%	0.0% #CA5D3C	RGB 202 93 60	#CA5D3C
16.7%	16.7% #C05332	RGB 192 83 50	#C05332
33.3%	33.3% #B74A2A	RGB 183 74 42	#B74A2A
50.0%	50.0% #AE4022	RGB 174 64 34	#AE4022
66.7%	66.7% #A5371A	RGB 165 55 26	#A5371A
83.3%	83.3% #9C2F14	RGB 156 47 20	#9C2F14
100.0%	100.0% #93280E	RGB 147 40 14	#93280E

#CA5D3C #C05332 #B74A2A #AE4022 #A5371A #9C2F14 #93280E

#CA5E3C - #AE4022 - #93280E

Códigos CSS

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

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