#3E203C - #C7BFC7 | 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 #3E203C to #C7BFC7

#3E203C #C7BFC7

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

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

0.0%	0.0% #3E203C	RGB 62 32 60	#3E203C
16.7%	16.7% #543A53	RGB 84 58 83	#543A53
33.3%	33.3% #6B556A	RGB 107 85 106	#6B556A
50.0%	50.0% #826F81	RGB 130 111 129	#826F81
66.7%	66.7% #998A98	RGB 153 138 152	#998A98
83.3%	83.3% #B0A4AF	RGB 176 164 175	#B0A4AF
100.0%	100.0% #C7BFC7	RGB 199 191 199	#C7BFC7

#3E203C #543A53 #6B556A #826F81 #998A98 #B0A4AF #C7BFC7

#3E203C - #C7BFC7

HSV Blend

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

0.0%	0.0% #3E203C	RGB 62 32 60	#3E203C
16.7%	16.7% #543252	RGB 84 50 82	#543252
33.3%	33.3% #6B476A	RGB 107 71 106	#6B476A
50.0%	50.0% #826081	RGB 130 96 129	#826081
66.7%	66.7% #997C98	RGB 153 124 152	#997C98
83.3%	83.3% #B09CAF	RGB 176 156 175	#B09CAF
100.0%	100.0% #C7BFC7	RGB 199 191 199	#C7BFC7

#3E203C #543252 #6B476A #826081 #997C98 #B09CAF #C7BFC7

#3E203C - #826081 - #C7BFC7

CSS codes

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

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