#382F5E - #B77881 | 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 #382F5E to #B77881

#382F5E #B77881

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

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

0.0%	0.0% #382F5E	RGB 56 47 94	#382F5E
16.7%	16.7% #4D3B63	RGB 77 59 99	#4D3B63
33.3%	33.3% #624769	RGB 98 71 105	#624769
50.0%	50.0% #77536F	RGB 119 83 111	#77536F
66.7%	66.7% #8C5F75	RGB 140 95 117	#8C5F75
83.3%	83.3% #A16B7B	RGB 161 107 123	#A16B7B
100.0%	100.0% #B77881	RGB 183 120 129	#B77881

#382F5E #4D3B63 #624769 #77536F #8C5F75 #A16B7B #B77881

#382F5E - #B77881

HSV Blend

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

0.0%	0.0% #382F5E	RGB 56 47 94	#382F5E
16.7%	16.7% #51396C	RGB 81 57 108	#51396C
33.3%	33.3% #6D447B	RGB 109 68 123	#6D447B
50.0%	50.0% #8A5089	RGB 138 80 137	#8A5089
66.7%	66.7% #995C86	RGB 153 92 134	#995C86
83.3%	83.3% #A86984	RGB 168 105 132	#A86984
100.0%	100.0% #B77881	RGB 183 120 129	#B77881

#382F5E #51396C #6D447B #8A5089 #995C86 #A86984 #B77881

#382F5E - #8A5089 - #B77881

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #382F5E 0%, #8A5089 50%, #B77881 100%);
    background: -webkit-linear-gradient(top, #382F5E 0%, #8A5089 50%, #B77881 100%);
    background: linear-gradient(to bottom, #382F5E 0%, #8A5089 50%, #B77881 100%);
}
</style>