#B6BA00 - #E9EBB6 | 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 #B6BA00 a #E9EBB6

#B6BA00 #E9EBB6

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

#B6BA00 - #E9EBB6 | 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 #B6BA00 como 0% y #E9EBB6 como 100%.

0.0%	0.0% #B6BA00	RGB 182 186 0	#B6BA00
16.7%	16.7% #BEC21E	RGB 190 194 30	#BEC21E
33.3%	33.3% #C7CA3C	RGB 199 202 60	#C7CA3C
50.0%	50.0% #CFD25B	RGB 207 210 91	#CFD25B
66.7%	66.7% #D8DA79	RGB 216 218 121	#D8DA79
83.3%	83.3% #E0E297	RGB 224 226 151	#E0E297
100.0%	100.0% #E9EBB6	RGB 233 235 182	#E9EBB6

#B6BA00 #BEC21E #C7CA3C #CFD25B #D8DA79 #E0E297 #E9EBB6

#B6BA00 - #E9EBB6

Mezcla HSV

#B6BA00 - #E9EBB6 | 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 #B6BA00 como 0% y #E9EBB6 como 100%.

0.0%	0.0% #B6BA00	RGB 182 186 0	#B6BA00
16.7%	16.7% #BEC219	RGB 190 194 25	#BEC219
33.3%	33.3% #C6CA34	RGB 198 202 52	#C6CA34
50.0%	50.0% #CED251	RGB 206 210 81	#CED251
66.7%	66.7% #D7DA70	RGB 215 218 112	#D7DA70
83.3%	83.3% #E0E292	RGB 224 226 146	#E0E292
100.0%	100.0% #E9EBB6	RGB 233 235 182	#E9EBB6

#B6BA00 #BEC219 #C6CA34 #CED251 #D7DA70 #E0E292 #E9EBB6

#B6BA00 - #CED251 - #E9EBB6

Códigos CSS

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

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