#DA5E3E - #FFAF53 | 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 #DA5E3E a #FFAF53

#DA5E3E #FFAF53

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

#DA5E3E - #FFAF53 | 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 #DA5E3E como 0% y #FFAF53 como 100%.

0.0%	0.0% #DA5E3E	RGB 218 94 62	#DA5E3E
16.7%	16.7% #E06B41	RGB 224 107 65	#E06B41
33.3%	33.3% #E67945	RGB 230 121 69	#E67945
50.0%	50.0% #EC8648	RGB 236 134 72	#EC8648
66.7%	66.7% #F2944C	RGB 242 148 76	#F2944C
83.3%	83.3% #F8A14F	RGB 248 161 79	#F8A14F
100.0%	100.0% #FFAF53	RGB 255 175 83	#FFAF53

#DA5E3E #E06B41 #E67945 #EC8648 #F2944C #F8A14F #FFAF53

#DA5E3E - #FFAF53

Mezcla HSV

#DA5E3E - #FFAF53 | 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 #DA5E3E como 0% y #FFAF53 como 100%.

0.0%	0.0% #DA5E3E	RGB 218 94 62	#DA5E3E
16.7%	16.7% #E06A41	RGB 224 106 65	#E06A41
33.3%	33.3% #E67744	RGB 230 119 68	#E67744
50.0%	50.0% #EC8448	RGB 236 132 72	#EC8448
66.7%	66.7% #F2924B	RGB 242 146 75	#F2924B
83.3%	83.3% #F8A04F	RGB 248 160 79	#F8A04F
100.0%	100.0% #FFAF53	RGB 255 175 83	#FFAF53

#DA5E3E #E06A41 #E67744 #EC8448 #F2924B #F8A04F #FFAF53

#DA5E3E - #EC8448 - #FFAF53

Códigos CSS

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

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