#CF6D9F - #3B1F2D | 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 #CF6D9F to #3B1F2D

#CF6D9F #3B1F2D

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

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

0.0%	0.0% #CF6D9F	RGB 207 109 159	#CF6D9F
16.7%	16.7% #B6608C	RGB 182 96 140	#B6608C
33.3%	33.3% #9D5379	RGB 157 83 121	#9D5379
50.0%	50.0% #854666	RGB 133 70 102	#854666
66.7%	66.7% #6C3953	RGB 108 57 83	#6C3953
83.3%	83.3% #532C40	RGB 83 44 64	#532C40
100.0%	100.0% #3B1F2D	RGB 59 31 45	#3B1F2D

#CF6D9F #B6608C #9D5379 #854666 #6C3953 #532C40 #3B1F2D

#CF6D9F - #3B1F2D

HSV Blend

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

0.0%	0.0% #CF6D9F	RGB 207 109 159	#CF6D9F
16.7%	16.7% #B65F8B	RGB 182 95 139	#B65F8B
33.3%	33.3% #9D5278	RGB 157 82 120	#9D5278
50.0%	50.0% #854565	RGB 133 69 101	#854565
66.7%	66.7% #6C3852	RGB 108 56 82	#6C3852
83.3%	83.3% #532B3F	RGB 83 43 63	#532B3F
100.0%	100.0% #3B1F2D	RGB 59 31 45	#3B1F2D

#CF6D9F #B65F8B #9D5278 #854565 #6C3852 #532B3F #3B1F2D

#CF6D9F - #854565 - #3B1F2D

CSS codes

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

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