#BDC35B - #FFEB88 | 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 #BDC35B a #FFEB88

#BDC35B #FFEB88

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

#BDC35B - #FFEB88 | 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 #BDC35B como 0% y #FFEB88 como 100%.

0.0%	0.0% #BDC35B	RGB 189 195 91	#BDC35B
16.7%	16.7% #C8C962	RGB 200 201 98	#C8C962
33.3%	33.3% #D3D06A	RGB 211 208 106	#D3D06A
50.0%	50.0% #DED771	RGB 222 215 113	#DED771
66.7%	66.7% #E9DD79	RGB 233 221 121	#E9DD79
83.3%	83.3% #F4E480	RGB 244 228 128	#F4E480
100.0%	100.0% #FFEB88	RGB 255 235 136	#FFEB88

#BDC35B #C8C962 #D3D06A #DED771 #E9DD79 #F4E480 #FFEB88

#BDC35B - #FFEB88

Mezcla HSV

#BDC35B - #FFEB88 | 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 #BDC35B como 0% y #FFEB88 como 100%.

0.0%	0.0% #BDC35B	RGB 189 195 91	#BDC35B
16.7%	16.7% #CACD61	RGB 202 205 97	#CACD61
33.3%	33.3% #D7D569	RGB 215 213 105	#D7D569
50.0%	50.0% #E1DA70	RGB 225 218 112	#E1DA70
66.7%	66.7% #EBE078	RGB 235 224 120	#EBE078
83.3%	83.3% #F5E57F	RGB 245 229 127	#F5E57F
100.0%	100.0% #FFEB88	RGB 255 235 136	#FFEB88

#BDC35B #CACD61 #D7D569 #E1DA70 #EBE078 #F5E57F #FFEB88

#BDC35B - #E1DA70 - #FFEB88

Códigos CSS

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

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