#BBBC2F - #FFE863 | 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 #BBBC2F a #FFE863

#BBBC2F #FFE863

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

#BBBC2F - #FFE863 | 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 #BBBC2F como 0% y #FFE863 como 100%.

0.0%	0.0% #BBBC2F	RGB 187 188 47	#BBBC2F
16.7%	16.7% #C6C337	RGB 198 195 55	#C6C337
33.3%	33.3% #D1CA40	RGB 209 202 64	#D1CA40
50.0%	50.0% #DDD249	RGB 221 210 73	#DDD249
66.7%	66.7% #E8D951	RGB 232 217 81	#E8D951
83.3%	83.3% #F3E05A	RGB 243 224 90	#F3E05A
100.0%	100.0% #FFE863	RGB 255 232 99	#FFE863

#BBBC2F #C6C337 #D1CA40 #DDD249 #E8D951 #F3E05A #FFE863

#BBBC2F - #FFE863

Mezcla HSV

#BBBC2F - #FFE863 | 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 #BBBC2F como 0% y #FFE863 como 100%.

0.0%	0.0% #BBBC2F	RGB 187 188 47	#BBBC2F
16.7%	16.7% #C7C436	RGB 199 196 54	#C7C436
33.3%	33.3% #D2CB3E	RGB 210 203 62	#D2CB3E
50.0%	50.0% #DDD246	RGB 221 210 70	#DDD246
66.7%	66.7% #E8D94F	RGB 232 217 79	#E8D94F
83.3%	83.3% #F3E059	RGB 243 224 89	#F3E059
100.0%	100.0% #FFE863	RGB 255 232 99	#FFE863

#BBBC2F #C7C436 #D2CB3E #DDD246 #E8D94F #F3E059 #FFE863

#BBBC2F - #DDD246 - #FFE863

Códigos CSS

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

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