#CD8D9C - #842B3F | 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 #CD8D9C to #842B3F

#CD8D9C #842B3F

Calculate the color between two colors, #CD8D9C and #842B3F. 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)

#CD8D9C - #842B3F | 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 #CD8D9C as 0% and #842B3F as 100%.

0.0%	0.0% #CD8D9C	RGB 205 141 156	#CD8D9C
16.7%	16.7% #C07C8C	RGB 192 124 140	#C07C8C
33.3%	33.3% #B46C7D	RGB 180 108 125	#B46C7D
50.0%	50.0% #A85C6D	RGB 168 92 109	#A85C6D
66.7%	66.7% #9C4B5E	RGB 156 75 94	#9C4B5E
83.3%	83.3% #903B4E	RGB 144 59 78	#903B4E
100.0%	100.0% #842B3F	RGB 132 43 63	#842B3F

#CD8D9C #C07C8C #B46C7D #A85C6D #9C4B5E #903B4E #842B3F

#CD8D9C - #842B3F

HSV Blend

#CD8D9C - #842B3F | 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 #CD8D9C as 0% and #842B3F as 100%.

0.0%	0.0% #CD8D9C	RGB 205 141 156	#CD8D9C
16.7%	16.7% #C07889	RGB 192 120 137	#C07889
33.3%	33.3% #B46678	RGB 180 102 120	#B46678
50.0%	50.0% #A85568	RGB 168 85 104	#A85568
66.7%	66.7% #9C4559	RGB 156 69 89	#9C4559
83.3%	83.3% #90374B	RGB 144 55 75	#90374B
100.0%	100.0% #842B3F	RGB 132 43 63	#842B3F

#CD8D9C #C07889 #B46678 #A85568 #9C4559 #90374B #842B3F

#CD8D9C - #A85568 - #842B3F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CD8D9C 0%, #A85568 50%, #842B3F 100%);
    background: -webkit-linear-gradient(top, #CD8D9C 0%, #A85568 50%, #842B3F 100%);
    background: linear-gradient(to bottom, #CD8D9C 0%, #A85568 50%, #842B3F 100%);
}
</style>