#BC8FAA - #A03A6E | 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 #BC8FAA a #A03A6E

#BC8FAA #A03A6E

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

#BC8FAA - #A03A6E | 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 #BC8FAA como 0% y #A03A6E como 100%.

0.0%	0.0% #BC8FAA	RGB 188 143 170	#BC8FAA
16.7%	16.7% #B780A0	RGB 183 128 160	#B780A0
33.3%	33.3% #B27296	RGB 178 114 150	#B27296
50.0%	50.0% #AE648C	RGB 174 100 140	#AE648C
66.7%	66.7% #A95682	RGB 169 86 130	#A95682
83.3%	83.3% #A44878	RGB 164 72 120	#A44878
100.0%	100.0% #A03A6E	RGB 160 58 110	#A03A6E

#BC8FAA #B780A0 #B27296 #AE648C #A95682 #A44878 #A03A6E

#BC8FAA - #A03A6E

Mezcla HSV

#BC8FAA - #A03A6E | 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 #BC8FAA como 0% y #A03A6E como 100%.

0.0%	0.0% #BC8FAA	RGB 188 143 170	#BC8FAA
16.7%	16.7% #B77FA0	RGB 183 127 160	#B77FA0
33.3%	33.3% #B27096	RGB 178 112 150	#B27096
50.0%	50.0% #AE618C	RGB 174 97 140	#AE618C
66.7%	66.7% #A95382	RGB 169 83 130	#A95382
83.3%	83.3% #A44677	RGB 164 70 119	#A44677
100.0%	100.0% #A03A6E	RGB 160 58 110	#A03A6E

#BC8FAA #B77FA0 #B27096 #AE618C #A95382 #A44677 #A03A6E

#BC8FAA - #AE618C - #A03A6E

Códigos CSS

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

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