#E38B5E - #BD451B | 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 #E38B5E a #BD451B

#E38B5E #BD451B

Calcule el color entre dos colores, #E38B5E y #BD451B. 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)

#E38B5E - #BD451B | 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 #E38B5E como 0% y #BD451B como 100%.

0.0%	0.0% #E38B5E	RGB 227 139 94	#E38B5E
16.7%	16.7% #DC7F52	RGB 220 127 82	#DC7F52
33.3%	33.3% #D67347	RGB 214 115 71	#D67347
50.0%	50.0% #D0683C	RGB 208 104 60	#D0683C
66.7%	66.7% #C95C31	RGB 201 92 49	#C95C31
83.3%	83.3% #C35026	RGB 195 80 38	#C35026
100.0%	100.0% #BD451B	RGB 189 69 27	#BD451B

#E38B5E #DC7F52 #D67347 #D0683C #C95C31 #C35026 #BD451B

#E38B5E - #BD451B

Mezcla HSV

#E38B5E - #BD451B | 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 #E38B5E como 0% y #BD451B como 100%.

0.0%	0.0% #E38B5E	RGB 227 139 94	#E38B5E
16.7%	16.7% #DC7E51	RGB 220 126 81	#DC7E51
33.3%	33.3% #D67245	RGB 214 114 69	#D67245
50.0%	50.0% #D06639	RGB 208 102 57	#D06639
66.7%	66.7% #C95B2F	RGB 201 91 47	#C95B2F
83.3%	83.3% #C34F24	RGB 195 79 36	#C34F24
100.0%	100.0% #BD451B	RGB 189 69 27	#BD451B

#E38B5E #DC7E51 #D67245 #D06639 #C95B2F #C34F24 #BD451B

#E38B5E - #D06639 - #BD451B

Códigos CSS

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

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