#3E2133 - #C7BFC4 | 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 #3E2133 to #C7BFC4

#3E2133 #C7BFC4

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

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

0.0%	0.0% #3E2133	RGB 62 33 51	#3E2133
16.7%	16.7% #543B4B	RGB 84 59 75	#543B4B
33.3%	33.3% #6B5563	RGB 107 85 99	#6B5563
50.0%	50.0% #82707B	RGB 130 112 123	#82707B
66.7%	66.7% #998A93	RGB 153 138 147	#998A93
83.3%	83.3% #B0A4AB	RGB 176 164 171	#B0A4AB
100.0%	100.0% #C7BFC4	RGB 199 191 196	#C7BFC4

#3E2133 #543B4B #6B5563 #82707B #998A93 #B0A4AB #C7BFC4

#3E2133 - #C7BFC4

HSV Blend

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

0.0%	0.0% #3E2133	RGB 62 33 51	#3E2133
16.7%	16.7% #543348	RGB 84 51 72	#543348
33.3%	33.3% #6B485E	RGB 107 72 94	#6B485E
50.0%	50.0% #826175	RGB 130 97 117	#826175
66.7%	66.7% #997D8E	RGB 153 125 142	#997D8E
83.3%	83.3% #B09CA8	RGB 176 156 168	#B09CA8
100.0%	100.0% #C7BFC4	RGB 199 191 196	#C7BFC4

#3E2133 #543348 #6B485E #826175 #997D8E #B09CA8 #C7BFC4

#3E2133 - #826175 - #C7BFC4

CSS codes

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

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