#D45B5E - #FFAD6D | 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 #D45B5E a #FFAD6D

#D45B5E #FFAD6D

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

#D45B5E - #FFAD6D | 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 #D45B5E como 0% y #FFAD6D como 100%.

0.0%	0.0% #D45B5E	RGB 212 91 94	#D45B5E
16.7%	16.7% #DB6860	RGB 219 104 96	#DB6860
33.3%	33.3% #E27663	RGB 226 118 99	#E27663
50.0%	50.0% #E98465	RGB 233 132 101	#E98465
66.7%	66.7% #F09168	RGB 240 145 104	#F09168
83.3%	83.3% #F79F6A	RGB 247 159 106	#F79F6A
100.0%	100.0% #FFAD6D	RGB 255 173 109	#FFAD6D

#D45B5E #DB6860 #E27663 #E98465 #F09168 #F79F6A #FFAD6D

#D45B5E - #FFAD6D

Mezcla HSV

#D45B5E - #FFAD6D | 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 #D45B5E como 0% y #FFAD6D como 100%.

0.0%	0.0% #D45A5D	RGB 212 90 93	#D45A5D
16.7%	16.7% #DB645E	RGB 219 100 94	#DB645E
33.3%	33.3% #E27161	RGB 226 113 97	#E27161
50.0%	50.0% #E97F64	RGB 233 127 100	#E97F64
66.7%	66.7% #F08E67	RGB 240 142 103	#F08E67
83.3%	83.3% #F79D6A	RGB 247 157 106	#F79D6A
100.0%	100.0% #FFAD6D	RGB 255 173 109	#FFAD6D

#D45A5D #DB645E #E27161 #E97F64 #F08E67 #F79D6A #FFAD6D

#D45B5E - #E97F64 - #FFAD6D

Códigos CSS

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

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