#DBD49D - #FFEFB8 | 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 #DBD49D a #FFEFB8

#DBD49D #FFEFB8

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

#DBD49D - #FFEFB8 | 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 #DBD49D como 0% y #FFEFB8 como 100%.

0.0%	0.0% #DBD49D	RGB 219 212 157	#DBD49D
16.7%	16.7% #E1D8A1	RGB 225 216 161	#E1D8A1
33.3%	33.3% #E7DDA6	RGB 231 221 166	#E7DDA6
50.0%	50.0% #EDE1AA	RGB 237 225 170	#EDE1AA
66.7%	66.7% #F3E6AF	RGB 243 230 175	#F3E6AF
83.3%	83.3% #F9EAB3	RGB 249 234 179	#F9EAB3
100.0%	100.0% #FFEFB8	RGB 255 239 184	#FFEFB8

#DBD49D #E1D8A1 #E7DDA6 #EDE1AA #F3E6AF #F9EAB3 #FFEFB8

#DBD49D - #FFEFB8

Mezcla HSV

#DBD49D - #FFEFB8 | 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 #DBD49D como 0% y #FFEFB8 como 100%.

0.0%	0.0% #DBD49D	RGB 219 212 157	#DBD49D
16.7%	16.7% #E1D8A1	RGB 225 216 161	#E1D8A1
33.3%	33.3% #E7DDA5	RGB 231 221 165	#E7DDA5
50.0%	50.0% #EDE1AA	RGB 237 225 170	#EDE1AA
66.7%	66.7% #F3E6AE	RGB 243 230 174	#F3E6AE
83.3%	83.3% #F9EAB3	RGB 249 234 179	#F9EAB3
100.0%	100.0% #FFEFB8	RGB 255 239 184	#FFEFB8

#DBD49D #E1D8A1 #E7DDA5 #EDE1AA #F3E6AE #F9EAB3 #FFEFB8

#DBD49D - #EDE1AA - #FFEFB8

Códigos CSS

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

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