#3E1339 - #C7BBC5 | 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 #3E1339 to #C7BBC5

#3E1339 #C7BBC5

Calculate the color between two colors, #3E1339 and #C7BBC5. 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)

#3E1339 - #C7BBC5 | 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 #3E1339 as 0% and #C7BBC5 as 100%.

0.0%	0.0% #3E1339	RGB 62 19 57	#3E1339
16.7%	16.7% #542F50	RGB 84 47 80	#542F50
33.3%	33.3% #6B4B67	RGB 107 75 103	#6B4B67
50.0%	50.0% #82677F	RGB 130 103 127	#82677F
66.7%	66.7% #998396	RGB 153 131 150	#998396
83.3%	83.3% #B09FAD	RGB 176 159 173	#B09FAD
100.0%	100.0% #C7BBC5	RGB 199 187 197	#C7BBC5

#3E1339 #542F50 #6B4B67 #82677F #998396 #B09FAD #C7BBC5

#3E1339 - #C7BBC5

HSV Blend

#3E1339 - #C7BBC5 | 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 #3E1339 as 0% and #C7BBC5 as 100%.

0.0%	0.0% #3E1339	RGB 62 19 57	#3E1339
16.7%	16.7% #54224E	RGB 84 34 78	#54224E
33.3%	33.3% #6B3764	RGB 107 55 100	#6B3764
50.0%	50.0% #82517B	RGB 130 81 123	#82517B
66.7%	66.7% #996F93	RGB 153 111 147	#996F93
83.3%	83.3% #B092AB	RGB 176 146 171	#B092AB
100.0%	100.0% #C7BBC5	RGB 199 187 197	#C7BBC5

#3E1339 #54224E #6B3764 #82517B #996F93 #B092AB #C7BBC5

#3E1339 - #82517B - #C7BBC5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E1339 0%, #82517B 50%, #C7BBC5 100%);
    background: -webkit-linear-gradient(top, #3E1339 0%, #82517B 50%, #C7BBC5 100%);
    background: linear-gradient(to bottom, #3E1339 0%, #82517B 50%, #C7BBC5 100%);
}
</style>