#322E48 - #BC5E7A | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #322E48 to #BC5E7A

#322E48 #BC5E7A

Calculate the color between two colors, #322E48 and #BC5E7A. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#322E48 - #BC5E7A | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #322E48 as 0% and #BC5E7A as 100%.

0.0%	0.0% #322E48	RGB 50 46 72	#322E48
16.7%	16.7% #493650	RGB 73 54 80	#493650
33.3%	33.3% #603E58	RGB 96 62 88	#603E58
50.0%	50.0% #774661	RGB 119 70 97	#774661
66.7%	66.7% #8E4E69	RGB 142 78 105	#8E4E69
83.3%	83.3% #A55671	RGB 165 86 113	#A55671
100.0%	100.0% #BC5E7A	RGB 188 94 122	#BC5E7A

#322E48 #493650 #603E58 #774661 #8E4E69 #A55671 #BC5E7A

#322E48 - #BC5E7A

HSV Blend

#322E48 - #BC5E7A | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #322E48 as 0% and #BC5E7A as 100%.

0.0%	0.0% #322E48	RGB 50 46 72	#322E48
16.7%	16.7% #46385B	RGB 70 56 91	#46385B
33.3%	33.3% #5F416E	RGB 95 65 110	#5F416E
50.0%	50.0% #7D4A82	RGB 125 74 130	#7D4A82
66.7%	66.7% #955188	RGB 149 81 136	#955188
83.3%	83.3% #A85884	RGB 168 88 132	#A85884
100.0%	100.0% #BC5E7A	RGB 188 94 122	#BC5E7A

#322E48 #46385B #5F416E #7D4A82 #955188 #A85884 #BC5E7A

#322E48 - #7D4A82 - #BC5E7A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #322E48 0%, #7D4A82 50%, #BC5E7A 100%);
    background: -webkit-linear-gradient(top, #322E48 0%, #7D4A82 50%, #BC5E7A 100%);
    background: linear-gradient(to bottom, #322E48 0%, #7D4A82 50%, #BC5E7A 100%);
}
</style>