#BC7A8C - #802A3E | 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 #BC7A8C a #802A3E

#BC7A8C #802A3E

Calcule el color entre dos colores, #BC7A8C y #802A3E. 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)

#BC7A8C - #802A3E | 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 #BC7A8C como 0% y #802A3E como 100%.

0.0%	0.0% #BC7A8C	RGB 188 122 140	#BC7A8C
16.7%	16.7% #B26C7F	RGB 178 108 127	#B26C7F
33.3%	33.3% #A85F72	RGB 168 95 114	#A85F72
50.0%	50.0% #9E5265	RGB 158 82 101	#9E5265
66.7%	66.7% #944458	RGB 148 68 88	#944458
83.3%	83.3% #8A374B	RGB 138 55 75	#8A374B
100.0%	100.0% #802A3E	RGB 128 42 62	#802A3E

#BC7A8C #B26C7F #A85F72 #9E5265 #944458 #8A374B #802A3E

#BC7A8C - #802A3E

Mezcla HSV

#BC7A8C - #802A3E | 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 #BC7A8C como 0% y #802A3E como 100%.

0.0%	0.0% #BC7A8C	RGB 188 122 140	#BC7A8C
16.7%	16.7% #B2697D	RGB 178 105 125	#B2697D
33.3%	33.3% #A85B6F	RGB 168 91 111	#A85B6F
50.0%	50.0% #9E4D61	RGB 158 77 97	#9E4D61
66.7%	66.7% #944054	RGB 148 64 84	#944054
83.3%	83.3% #8A3449	RGB 138 52 73	#8A3449
100.0%	100.0% #802A3E	RGB 128 42 62	#802A3E

#BC7A8C #B2697D #A85B6F #9E4D61 #944054 #8A3449 #802A3E

#BC7A8C - #9E4D61 - #802A3E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BC7A8C 0%, #9E4D61 50%, #802A3E 100%);
    background: -webkit-linear-gradient(top, #BC7A8C 0%, #9E4D61 50%, #802A3E 100%);
    background: linear-gradient(to bottom, #BC7A8C 0%, #9E4D61 50%, #802A3E 100%);
}
</style>