#FFDF95 - #EEAB3E | 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 #FFDF95 a #EEAB3E

#FFDF95 #EEAB3E

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

#FFDF95 - #EEAB3E | 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 #FFDF95 como 0% y #EEAB3E como 100%.

0.0%	0.0% #FFDF95	RGB 255 223 149	#FFDF95
16.7%	16.7% #FCD686	RGB 252 214 134	#FCD686
33.3%	33.3% #F9CD78	RGB 249 205 120	#F9CD78
50.0%	50.0% #F6C569	RGB 246 197 105	#F6C569
66.7%	66.7% #F3BC5B	RGB 243 188 91	#F3BC5B
83.3%	83.3% #F0B34C	RGB 240 179 76	#F0B34C
100.0%	100.0% #EEAB3E	RGB 238 171 62	#EEAB3E

#FFDF95 #FCD686 #F9CD78 #F6C569 #F3BC5B #F0B34C #EEAB3E

#FFDF95 - #EEAB3E

Mezcla HSV

#FFDF95 - #EEAB3E | 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 #FFDF95 como 0% y #EEAB3E como 100%.

0.0%	0.0% #FFDF95	RGB 255 223 149	#FFDF95
16.7%	16.7% #FCD685	RGB 252 214 133	#FCD685
33.3%	33.3% #F9CE76	RGB 249 206 118	#F9CE76
50.0%	50.0% #F6C568	RGB 246 197 104	#F6C568
66.7%	66.7% #F3BD59	RGB 243 189 89	#F3BD59
83.3%	83.3% #F0B44B	RGB 240 180 75	#F0B44B
100.0%	100.0% #EEAB3E	RGB 238 171 62	#EEAB3E

#FFDF95 #FCD685 #F9CE76 #F6C568 #F3BD59 #F0B44B #EEAB3E

#FFDF95 - #F6C568 - #EEAB3E

Códigos CSS

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

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