#CD8DC3 - #842B74 | 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 #CD8DC3 to #842B74

#CD8DC3 #842B74

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

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

0.0%	0.0% #CD8DC3	RGB 205 141 195	#CD8DC3
16.7%	16.7% #C07CB5	RGB 192 124 181	#C07CB5
33.3%	33.3% #B46CA8	RGB 180 108 168	#B46CA8
50.0%	50.0% #A85C9B	RGB 168 92 155	#A85C9B
66.7%	66.7% #9C4B8E	RGB 156 75 142	#9C4B8E
83.3%	83.3% #903B81	RGB 144 59 129	#903B81
100.0%	100.0% #842B74	RGB 132 43 116	#842B74

#CD8DC3 #C07CB5 #B46CA8 #A85C9B #9C4B8E #903B81 #842B74

#CD8DC3 - #842B74

HSV Blend

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

0.0%	0.0% #CD8DC3	RGB 205 141 195	#CD8DC3
16.7%	16.7% #C078B5	RGB 192 120 181	#C078B5
33.3%	33.3% #B466A7	RGB 180 102 167	#B466A7
50.0%	50.0% #A8559A	RGB 168 85 154	#A8559A
66.7%	66.7% #9C458D	RGB 156 69 141	#9C458D
83.3%	83.3% #903780	RGB 144 55 128	#903780
100.0%	100.0% #842B74	RGB 132 43 116	#842B74

#CD8DC3 #C078B5 #B466A7 #A8559A #9C458D #903780 #842B74

#CD8DC3 - #A8559A - #842B74

CSS codes

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

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