#B8BA5E - #E79ABC | 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 #B8BA5E a #E79ABC

#B8BA5E #E79ABC

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

#B8BA5E - #E79ABC | 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 #B8BA5E como 0% y #E79ABC como 100%.

0.0%	0.0% #B8BA5E	RGB 184 186 94	#B8BA5E
16.7%	16.7% #BFB46D	RGB 191 180 109	#BFB46D
33.3%	33.3% #C7AF7D	RGB 199 175 125	#C7AF7D
50.0%	50.0% #CFAA8D	RGB 207 170 141	#CFAA8D
66.7%	66.7% #D7A49C	RGB 215 164 156	#D7A49C
83.3%	83.3% #DF9FAC	RGB 223 159 172	#DF9FAC
100.0%	100.0% #E79ABC	RGB 231 154 188	#E79ABC

#B8BA5E #BFB46D #C7AF7D #CFAA8D #D7A49C #DF9FAC #E79ABC

#B8BA5E - #E79ABC

Mezcla HSV

#B8BA5E - #E79ABC | 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 #B8BA5E como 0% y #E79ABC como 100%.

0.0%	0.0% #B8BA5E	RGB 184 186 94	#B8BA5E
16.7%	16.7% #C1AD66	RGB 193 173 102	#C1AD66
33.3%	33.3% #C99F70	RGB 201 159 112	#C99F70
50.0%	50.0% #D0937A	RGB 208 147 122	#D0937A
66.7%	66.7% #D88884	RGB 216 136 132	#D88884
83.3%	83.3% #DF8E9E	RGB 223 142 158	#DF8E9E
100.0%	100.0% #E79ABC	RGB 231 154 188	#E79ABC

#B8BA5E #C1AD66 #C99F70 #D0937A #D88884 #DF8E9E #E79ABC

#B8BA5E - #D0937A - #E79ABC

Códigos CSS

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

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