#D8D891 - #FFEEAE | 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 #D8D891 a #FFEEAE

#D8D891 #FFEEAE

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

#D8D891 - #FFEEAE | 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 #D8D891 como 0% y #FFEEAE como 100%.

0.0%	0.0% #D8D891	RGB 216 216 145	#D8D891
16.7%	16.7% #DEDB95	RGB 222 219 149	#DEDB95
33.3%	33.3% #E5DF9A	RGB 229 223 154	#E5DF9A
50.0%	50.0% #EBE39F	RGB 235 227 159	#EBE39F
66.7%	66.7% #F2E6A4	RGB 242 230 164	#F2E6A4
83.3%	83.3% #F8EAA9	RGB 248 234 169	#F8EAA9
100.0%	100.0% #FFEEAE	RGB 255 238 174	#FFEEAE

#D8D891 #DEDB95 #E5DF9A #EBE39F #F2E6A4 #F8EAA9 #FFEEAE

#D8D891 - #FFEEAE

Mezcla HSV

#D8D891 - #FFEEAE | 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 #D8D891 como 0% y #FFEEAE como 100%.

0.0%	0.0% #D8D891	RGB 216 216 145	#D8D891
16.7%	16.7% #DEDB95	RGB 222 219 149	#DEDB95
33.3%	33.3% #E5DF9A	RGB 229 223 154	#E5DF9A
50.0%	50.0% #EBE39F	RGB 235 227 159	#EBE39F
66.7%	66.7% #F2E7A4	RGB 242 231 164	#F2E7A4
83.3%	83.3% #F8EAA9	RGB 248 234 169	#F8EAA9
100.0%	100.0% #FFEEAE	RGB 255 238 174	#FFEEAE

#D8D891 #DEDB95 #E5DF9A #EBE39F #F2E7A4 #F8EAA9 #FFEEAE

#D8D891 - #EBE39F - #FFEEAE

Códigos CSS

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

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