#B2AB3C - #FFDB5E | 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 #B2AB3C a #FFDB5E

#B2AB3C #FFDB5E

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

#B2AB3C - #FFDB5E | 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 #B2AB3C como 0% y #FFDB5E como 100%.

0.0%	0.0% #B2AB3C	RGB 178 171 60	#B2AB3C
16.7%	16.7% #BEB341	RGB 190 179 65	#BEB341
33.3%	33.3% #CBBB47	RGB 203 187 71	#CBBB47
50.0%	50.0% #D8C34D	RGB 216 195 77	#D8C34D
66.7%	66.7% #E5CB52	RGB 229 203 82	#E5CB52
83.3%	83.3% #F2D358	RGB 242 211 88	#F2D358
100.0%	100.0% #FFDB5E	RGB 255 219 94	#FFDB5E

#B2AB3C #BEB341 #CBBB47 #D8C34D #E5CB52 #F2D358 #FFDB5E

#B2AB3C - #FFDB5E

Mezcla HSV

#B2AB3C - #FFDB5E | 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 #B2AB3C como 0% y #FFDB5E como 100%.

0.0%	0.0% #B2AB3C	RGB 178 171 60	#B2AB3C
16.7%	16.7% #BEB341	RGB 190 179 65	#BEB341
33.3%	33.3% #CBBC46	RGB 203 188 70	#CBBC46
50.0%	50.0% #D8C44C	RGB 216 196 76	#D8C44C
66.7%	66.7% #E5CC52	RGB 229 204 82	#E5CC52
83.3%	83.3% #F2D357	RGB 242 211 87	#F2D357
100.0%	100.0% #FFDB5E	RGB 255 219 94	#FFDB5E

#B2AB3C #BEB341 #CBBC46 #D8C44C #E5CC52 #F2D357 #FFDB5E

#B2AB3C - #D8C44C - #FFDB5E

Códigos CSS

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

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