#B2AC20 - #F0ACBA | 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 #B2AC20 a #F0ACBA

#B2AC20 #F0ACBA

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

#B2AC20 - #F0ACBA | 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 #B2AC20 como 0% y #F0ACBA como 100%.

0.0%	0.0% #B2AC20	RGB 178 172 32	#B2AC20
16.7%	16.7% #BCAC39	RGB 188 172 57	#BCAC39
33.3%	33.3% #C6AC53	RGB 198 172 83	#C6AC53
50.0%	50.0% #D1AC6D	RGB 209 172 109	#D1AC6D
66.7%	66.7% #DBAC86	RGB 219 172 134	#DBAC86
83.3%	83.3% #E5ACA0	RGB 229 172 160	#E5ACA0
100.0%	100.0% #F0ACBA	RGB 240 172 186	#F0ACBA

#B2AC20 #BCAC39 #C6AC53 #D1AC6D #DBAC86 #E5ACA0 #F0ACBA

#B2AC20 - #F0ACBA

Mezcla HSV

#B2AC20 - #F0ACBA | 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 #B2AC20 como 0% y #F0ACBA como 100%.

0.0%	0.0% #B2AC20	RGB 178 172 32	#B2AC20
16.7%	16.7% #BC9B32	RGB 188 155 50	#BC9B32
33.3%	33.3% #C68F47	RGB 198 143 71	#C68F47
50.0%	50.0% #D1895D	RGB 209 137 93	#D1895D
66.7%	66.7% #DB8875	RGB 219 136 117	#DB8875
83.3%	83.3% #E59091	RGB 229 144 145	#E59091
100.0%	100.0% #F0ACBA	RGB 240 172 186	#F0ACBA

#B2AC20 #BC9B32 #C68F47 #D1895D #DB8875 #E59091 #F0ACBA

#B2AC20 - #D1895D - #F0ACBA

Códigos CSS

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

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