#D49B5E - #FFD87E | 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 #D49B5E a #FFD87E

#D49B5E #FFD87E

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

#D49B5E - #FFD87E | 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 #D49B5E como 0% y #FFD87E como 100%.

0.0%	0.0% #D49B5E	RGB 212 155 94	#D49B5E
16.7%	16.7% #DBA563	RGB 219 165 99	#DBA563
33.3%	33.3% #E2AF68	RGB 226 175 104	#E2AF68
50.0%	50.0% #E9B96E	RGB 233 185 110	#E9B96E
66.7%	66.7% #F0C373	RGB 240 195 115	#F0C373
83.3%	83.3% #F7CD78	RGB 247 205 120	#F7CD78
100.0%	100.0% #FFD87E	RGB 255 216 126	#FFD87E

#D49B5E #DBA563 #E2AF68 #E9B96E #F0C373 #F7CD78 #FFD87E

#D49B5E - #FFD87E

Mezcla HSV

#D49B5E - #FFD87E | 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 #D49B5E como 0% y #FFD87E como 100%.

0.0%	0.0% #D49B5E	RGB 212 155 94	#D49B5E
16.7%	16.7% #DBA463	RGB 219 164 99	#DBA463
33.3%	33.3% #E2AE68	RGB 226 174 104	#E2AE68
50.0%	50.0% #E9B86D	RGB 233 184 109	#E9B86D
66.7%	66.7% #F0C372	RGB 240 195 114	#F0C372
83.3%	83.3% #F7CD78	RGB 247 205 120	#F7CD78
100.0%	100.0% #FFD87E	RGB 255 216 126	#FFD87E

#D49B5E #DBA463 #E2AE68 #E9B86D #F0C372 #F7CD78 #FFD87E

#D49B5E - #E9B86D - #FFD87E

Códigos CSS

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

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