#382E48 - #BC5E6A | 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 #382E48 to #BC5E6A

#382E48 #BC5E6A

Calculate the color between two colors, #382E48 and #BC5E6A. 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)

#382E48 - #BC5E6A | 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 #382E48 as 0% and #BC5E6A as 100%.

0.0%	0.0% #382E48	RGB 56 46 72	#382E48
16.7%	16.7% #4E364D	RGB 78 54 77	#4E364D
33.3%	33.3% #643E53	RGB 100 62 83	#643E53
50.0%	50.0% #7A4659	RGB 122 70 89	#7A4659
66.7%	66.7% #904E5E	RGB 144 78 94	#904E5E
83.3%	83.3% #A65664	RGB 166 86 100	#A65664
100.0%	100.0% #BC5E6A	RGB 188 94 106	#BC5E6A

#382E48 #4E364D #643E53 #7A4659 #904E5E #A65664 #BC5E6A

#382E48 - #BC5E6A

HSV Blend

#382E48 - #BC5E6A | 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 #382E48 as 0% and #BC5E6A as 100%.

0.0%	0.0% #382E48	RGB 56 46 72	#382E48
16.7%	16.7% #4E385B	RGB 78 56 91	#4E385B
33.3%	33.3% #69416E	RGB 105 65 110	#69416E
50.0%	50.0% #824A7A	RGB 130 74 122	#824A7A
66.7%	66.7% #95517B	RGB 149 81 123	#95517B
83.3%	83.3% #A85876	RGB 168 88 118	#A85876
100.0%	100.0% #BC5E6A	RGB 188 94 106	#BC5E6A

#382E48 #4E385B #69416E #824A7A #95517B #A85876 #BC5E6A

#382E48 - #824A7A - #BC5E6A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #382E48 0%, #824A7A 50%, #BC5E6A 100%);
    background: -webkit-linear-gradient(top, #382E48 0%, #824A7A 50%, #BC5E6A 100%);
    background: linear-gradient(to bottom, #382E48 0%, #824A7A 50%, #BC5E6A 100%);
}
</style>