#F5E2AF - #DEB058 | 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 #F5E2AF a #DEB058

#F5E2AF #DEB058

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

#F5E2AF - #DEB058 | 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 #F5E2AF como 0% y #DEB058 como 100%.

0.0%	0.0% #F5E2AF	RGB 245 226 175	#F5E2AF
16.7%	16.7% #F1D9A0	RGB 241 217 160	#F1D9A0
33.3%	33.3% #EDD192	RGB 237 209 146	#EDD192
50.0%	50.0% #E9C983	RGB 233 201 131	#E9C983
66.7%	66.7% #E5C075	RGB 229 192 117	#E5C075
83.3%	83.3% #E1B866	RGB 225 184 102	#E1B866
100.0%	100.0% #DEB058	RGB 222 176 88	#DEB058

#F5E2AF #F1D9A0 #EDD192 #E9C983 #E5C075 #E1B866 #DEB058

#F5E2AF - #DEB058

Mezcla HSV

#F5E2AF - #DEB058 | 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 #F5E2AF como 0% y #DEB058 como 100%.

0.0%	0.0% #F5E2AF	RGB 245 226 175	#F5E2AF
16.7%	16.7% #F1DA9F	RGB 241 218 159	#F1DA9F
33.3%	33.3% #EDD190	RGB 237 209 144	#EDD190
50.0%	50.0% #E9C981	RGB 233 201 129	#E9C981
66.7%	66.7% #E5C173	RGB 229 193 115	#E5C173
83.3%	83.3% #E1B865	RGB 225 184 101	#E1B865
100.0%	100.0% #DEB058	RGB 222 176 88	#DEB058

#F5E2AF #F1DA9F #EDD190 #E9C981 #E5C173 #E1B865 #DEB058

#F5E2AF - #E9C981 - #DEB058

Códigos CSS

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

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