#DD5E4D - #FFB366 | 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 #DD5E4D a #FFB366

#DD5E4D #FFB366

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

#DD5E4D - #FFB366 | 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 #DD5E4D como 0% y #FFB366 como 100%.

0.0%	0.0% #DD5E4D	RGB 221 94 77	#DD5E4D
16.7%	16.7% #E26C51	RGB 226 108 81	#E26C51
33.3%	33.3% #E87A55	RGB 232 122 85	#E87A55
50.0%	50.0% #EE8859	RGB 238 136 89	#EE8859
66.7%	66.7% #F3965D	RGB 243 150 93	#F3965D
83.3%	83.3% #F9A461	RGB 249 164 97	#F9A461
100.0%	100.0% #FFB366	RGB 255 179 102	#FFB366

#DD5E4D #E26C51 #E87A55 #EE8859 #F3965D #F9A461 #FFB366

#DD5E4D - #FFB366

Mezcla HSV

#DD5E4D - #FFB366 | 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 #DD5E4D como 0% y #FFB366 como 100%.

0.0%	0.0% #DD5E4D	RGB 221 94 77	#DD5E4D
16.7%	16.7% #E26B50	RGB 226 107 80	#E26B50
33.3%	33.3% #E87954	RGB 232 121 84	#E87954
50.0%	50.0% #EE8759	RGB 238 135 89	#EE8759
66.7%	66.7% #F3955D	RGB 243 149 93	#F3955D
83.3%	83.3% #F9A461	RGB 249 164 97	#F9A461
100.0%	100.0% #FFB366	RGB 255 179 102	#FFB366

#DD5E4D #E26B50 #E87954 #EE8759 #F3955D #F9A461 #FFB366

#DD5E4D - #EE8759 - #FFB366

Códigos CSS

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

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