#DD4D5E - #FFA56C | 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 #DD4D5E a #FFA56C

#DD4D5E #FFA56C

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

#DD4D5E - #FFA56C | 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 #DD4D5E como 0% y #FFA56C como 100%.

0.0%	0.0% #DD4D5E	RGB 221 77 94	#DD4D5E
16.7%	16.7% #E25B60	RGB 226 91 96	#E25B60
33.3%	33.3% #E86A62	RGB 232 106 98	#E86A62
50.0%	50.0% #EE7965	RGB 238 121 101	#EE7965
66.7%	66.7% #F38767	RGB 243 135 103	#F38767
83.3%	83.3% #F99669	RGB 249 150 105	#F99669
100.0%	100.0% #FFA56C	RGB 255 165 108	#FFA56C

#DD4D5E #E25B60 #E86A62 #EE7965 #F38767 #F99669 #FFA56C

#DD4D5E - #FFA56C

Mezcla HSV

#DD4D5E - #FFA56C | 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 #DD4D5E como 0% y #FFA56C como 100%.

0.0%	0.0% #DD4D5D	RGB 221 77 93	#DD4D5D
16.7%	16.7% #E25156	RGB 226 81 86	#E25156
33.3%	33.3% #E85E56	RGB 232 94 86	#E85E56
50.0%	50.0% #EE6F5B	RGB 238 111 91	#EE6F5B
66.7%	66.7% #F38161	RGB 243 129 97	#F38161
83.3%	83.3% #F99366	RGB 249 147 102	#F99366
100.0%	100.0% #FFA56C	RGB 255 165 108	#FFA56C

#DD4D5D #E25156 #E85E56 #EE6F5B #F38161 #F99366 #FFA56C

#DD4D5E - #EE6F5B - #FFA56C

Códigos CSS

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

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