#B2B536 - #E8AEBC | 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 #B2B536 a #E8AEBC

#B2B536 #E8AEBC

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

#B2B536 - #E8AEBC | 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 #B2B536 como 0% y #E8AEBC como 100%.

0.0%	0.0% #B2B536	RGB 178 181 54	#B2B536
16.7%	16.7% #BBB34C	RGB 187 179 76	#BBB34C
33.3%	33.3% #C4B262	RGB 196 178 98	#C4B262
50.0%	50.0% #CDB179	RGB 205 177 121	#CDB179
66.7%	66.7% #D6B08F	RGB 214 176 143	#D6B08F
83.3%	83.3% #DFAFA5	RGB 223 175 165	#DFAFA5
100.0%	100.0% #E8AEBC	RGB 232 174 188	#E8AEBC

#B2B536 #BBB34C #C4B262 #CDB179 #D6B08F #DFAFA5 #E8AEBC

#B2B536 - #E8AEBC

Mezcla HSV

#B2B536 - #E8AEBC | 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 #B2B536 como 0% y #E8AEBC como 100%.

0.0%	0.0% #B2B536	RGB 178 181 54	#B2B536
16.7%	16.7% #BDA746	RGB 189 167 70	#BDA746
33.3%	33.3% #C69A58	RGB 198 154 88	#C69A58
50.0%	50.0% #CE926C	RGB 206 146 108	#CE926C
66.7%	66.7% #D79080	RGB 215 144 128	#D79080
83.3%	83.3% #DF9699	RGB 223 150 153	#DF9699
100.0%	100.0% #E8AEBC	RGB 232 174 188	#E8AEBC

#B2B536 #BDA746 #C69A58 #CE926C #D79080 #DF9699 #E8AEBC

#B2B536 - #CE926C - #E8AEBC

Códigos CSS

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

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