#B5BA5E - #FFE788 | 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 #B5BA5E a #FFE788

#B5BA5E #FFE788

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

#B5BA5E - #FFE788 | 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 #B5BA5E como 0% y #FFE788 como 100%.

0.0%	0.0% #B5BA5E	RGB 181 186 94	#B5BA5E
16.7%	16.7% #C1C165	RGB 193 193 101	#C1C165
33.3%	33.3% #CDC96C	RGB 205 201 108	#CDC96C
50.0%	50.0% #DAD073	RGB 218 208 115	#DAD073
66.7%	66.7% #E6D87A	RGB 230 216 122	#E6D87A
83.3%	83.3% #F2DF81	RGB 242 223 129	#F2DF81
100.0%	100.0% #FFE788	RGB 255 231 136	#FFE788

#B5BA5E #C1C165 #CDC96C #DAD073 #E6D87A #F2DF81 #FFE788

#B5BA5E - #FFE788

Mezcla HSV

#B5BA5E - #FFE788 | 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 #B5BA5E como 0% y #FFE788 como 100%.

0.0%	0.0% #B5BA5E	RGB 181 186 94	#B5BA5E
16.7%	16.7% #C4C564	RGB 196 197 100	#C4C564
33.3%	33.3% #D1CD6B	RGB 209 205 107	#D1CD6B
50.0%	50.0% #DCD472	RGB 220 212 114	#DCD472
66.7%	66.7% #E8DB79	RGB 232 219 121	#E8DB79
83.3%	83.3% #F3E180	RGB 243 225 128	#F3E180
100.0%	100.0% #FFE788	RGB 255 231 136	#FFE788

#B5BA5E #C4C564 #D1CD6B #DCD472 #E8DB79 #F3E180 #FFE788

#B5BA5E - #DCD472 - #FFE788

Códigos CSS

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

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