#ABAC2B - #FFE05B | 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 #ABAC2B a #FFE05B

#ABAC2B #FFE05B

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

#ABAC2B - #FFE05B | 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 #ABAC2B como 0% y #FFE05B como 100%.

0.0%	0.0% #ABAC2B	RGB 171 172 43	#ABAC2B
16.7%	16.7% #B9B433	RGB 185 180 51	#B9B433
33.3%	33.3% #C7BD3B	RGB 199 189 59	#C7BD3B
50.0%	50.0% #D5C643	RGB 213 198 67	#D5C643
66.7%	66.7% #E3CE4B	RGB 227 206 75	#E3CE4B
83.3%	83.3% #F1D753	RGB 241 215 83	#F1D753
100.0%	100.0% #FFE05B	RGB 255 224 91	#FFE05B

#ABAC2B #B9B433 #C7BD3B #D5C643 #E3CE4B #F1D753 #FFE05B

#ABAC2B - #FFE05B

Mezcla HSV

#ABAC2B - #FFE05B | 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 #ABAC2B como 0% y #FFE05B como 100%.

0.0%	0.0% #ABAC2B	RGB 171 172 43	#ABAC2B
16.7%	16.7% #B9B631	RGB 185 182 49	#B9B631
33.3%	33.3% #C7BF39	RGB 199 191 57	#C7BF39
50.0%	50.0% #D5C840	RGB 213 200 64	#D5C840
66.7%	66.7% #E3D049	RGB 227 208 73	#E3D049
83.3%	83.3% #F1D851	RGB 241 216 81	#F1D851
100.0%	100.0% #FFE05B	RGB 255 224 91	#FFE05B

#ABAC2B #B9B631 #C7BF39 #D5C840 #E3D049 #F1D851 #FFE05B

#ABAC2B - #D5C840 - #FFE05B

Códigos CSS

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

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