#DA5E3C - #F4D1C7 | 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 #DA5E3C a #F4D1C7

#DA5E3C #F4D1C7

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

#DA5E3C - #F4D1C7 | 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 #DA5E3C como 0% y #F4D1C7 como 100%.

0.0%	0.0% #DA5E3C	RGB 218 94 60	#DA5E3C
16.7%	16.7% #DE7153	RGB 222 113 83	#DE7153
33.3%	33.3% #E2846A	RGB 226 132 106	#E2846A
50.0%	50.0% #E79781	RGB 231 151 129	#E79781
66.7%	66.7% #EBAA98	RGB 235 170 152	#EBAA98
83.3%	83.3% #EFBDAF	RGB 239 189 175	#EFBDAF
100.0%	100.0% #F4D1C7	RGB 244 209 199	#F4D1C7

#DA5E3C #DE7153 #E2846A #E79781 #EBAA98 #EFBDAF #F4D1C7

#DA5E3C - #F4D1C7

Mezcla HSV

#DA5E3C - #F4D1C7 | 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 #DA5E3C como 0% y #F4D1C7 como 100%.

0.0%	0.0% #DA5E3C	RGB 218 94 60	#DA5E3C
16.7%	16.7% #DE6F51	RGB 222 111 81	#DE6F51
33.3%	33.3% #E28267	RGB 226 130 103	#E28267
50.0%	50.0% #E7947D	RGB 231 148 125	#E7947D
66.7%	66.7% #EBA895	RGB 235 168 149	#EBA895
83.3%	83.3% #EFBCAD	RGB 239 188 173	#EFBCAD
100.0%	100.0% #F4D1C7	RGB 244 209 199	#F4D1C7

#DA5E3C #DE6F51 #E28267 #E7947D #EBA895 #EFBCAD #F4D1C7

#DA5E3C - #E7947D - #F4D1C7

Códigos CSS

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

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