#CF8BA1 - #3B272E | 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 #CF8BA1 to #3B272E

#CF8BA1 #3B272E

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

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

0.0%	0.0% #CF8BA1	RGB 207 139 161	#CF8BA1
16.7%	16.7% #B67A8D	RGB 182 122 141	#B67A8D
33.3%	33.3% #9D697A	RGB 157 105 122	#9D697A
50.0%	50.0% #855967	RGB 133 89 103	#855967
66.7%	66.7% #6C4854	RGB 108 72 84	#6C4854
83.3%	83.3% #533741	RGB 83 55 65	#533741
100.0%	100.0% #3B272E	RGB 59 39 46	#3B272E

#CF8BA1 #B67A8D #9D697A #855967 #6C4854 #533741 #3B272E

#CF8BA1 - #3B272E

HSV Blend

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

0.0%	0.0% #CF8BA1	RGB 207 139 161	#CF8BA1
16.7%	16.7% #B67A8D	RGB 182 122 141	#B67A8D
33.3%	33.3% #9D697A	RGB 157 105 122	#9D697A
50.0%	50.0% #855867	RGB 133 88 103	#855867
66.7%	66.7% #6C4754	RGB 108 71 84	#6C4754
83.3%	83.3% #533741	RGB 83 55 65	#533741
100.0%	100.0% #3B272E	RGB 59 39 46	#3B272E

#CF8BA1 #B67A8D #9D697A #855867 #6C4754 #533741 #3B272E

#CF8BA1 - #855867 - #3B272E

CSS codes

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

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