#9D3E3E - #E3C7C7 | 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 #9D3E3E a #E3C7C7

#9D3E3E #E3C7C7

Calcule el color entre dos colores, #9D3E3E y #E3C7C7. 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)

#9D3E3E - #E3C7C7 | 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 #9D3E3E como 0% y #E3C7C7 como 100%.

0.0%	0.0% #9D3E3E	RGB 157 62 62	#9D3E3E
16.7%	16.7% #A85454	RGB 168 84 84	#A85454
33.3%	33.3% #B46B6B	RGB 180 107 107	#B46B6B
50.0%	50.0% #C08282	RGB 192 130 130	#C08282
66.7%	66.7% #CB9999	RGB 203 153 153	#CB9999
83.3%	83.3% #D7B0B0	RGB 215 176 176	#D7B0B0
100.0%	100.0% #E3C7C7	RGB 227 199 199	#E3C7C7

#9D3E3E #A85454 #B46B6B #C08282 #CB9999 #D7B0B0 #E3C7C7

#9D3E3E - #E3C7C7

Mezcla HSV

#9D3E3E - #E3C7C7 | 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 #9D3E3E como 0% y #E3C7C7 como 100%.

0.0%	0.0% #9D3E3E	RGB 157 62 62	#9D3E3E
16.7%	16.7% #A85050	RGB 168 80 80	#A85050
33.3%	33.3% #B46464	RGB 180 100 100	#B46464
50.0%	50.0% #C07A7A	RGB 192 122 122	#C07A7A
66.7%	66.7% #CB9191	RGB 203 145 145	#CB9191
83.3%	83.3% #D7ABAB	RGB 215 171 171	#D7ABAB
100.0%	100.0% #E3C7C7	RGB 227 199 199	#E3C7C7

#9D3E3E #A85050 #B46464 #C07A7A #CB9191 #D7ABAB #E3C7C7

#9D3E3E - #C07A7A - #E3C7C7

Códigos CSS

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

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