#C392D3 - #8B2D87 | 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 #C392D3 to #8B2D87

#C392D3 #8B2D87

Calculate the color between two colors, #C392D3 and #8B2D87. 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)

#C392D3 - #8B2D87 | 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 #C392D3 as 0% and #8B2D87 as 100%.

0.0%	0.0% #C392D3	RGB 195 146 211	#C392D3
16.7%	16.7% #B981C6	RGB 185 129 198	#B981C6
33.3%	33.3% #B070B9	RGB 176 112 185	#B070B9
50.0%	50.0% #A75FAD	RGB 167 95 173	#A75FAD
66.7%	66.7% #9D4EA0	RGB 157 78 160	#9D4EA0
83.3%	83.3% #943D93	RGB 148 61 147	#943D93
100.0%	100.0% #8B2D87	RGB 139 45 135	#8B2D87

#C392D3 #B981C6 #B070B9 #A75FAD #9D4EA0 #943D93 #8B2D87

#C392D3 - #8B2D87

HSV Blend

#C392D3 - #8B2D87 | 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 #C392D3 as 0% and #8B2D87 as 100%.

0.0%	0.0% #C392D3	RGB 195 146 211	#C392D3
16.7%	16.7% #B87DC7	RGB 184 125 199	#B87DC7
33.3%	33.3% #AE6ABB	RGB 174 106 187	#AE6ABB
50.0%	50.0% #A658AF	RGB 166 88 175	#A658AF
66.7%	66.7% #9E48A3	RGB 158 72 163	#9E48A3
83.3%	83.3% #963A97	RGB 150 58 151	#963A97
100.0%	100.0% #8B2D87	RGB 139 45 135	#8B2D87

#C392D3 #B87DC7 #AE6ABB #A658AF #9E48A3 #963A97 #8B2D87

#C392D3 - #A658AF - #8B2D87

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C392D3 0%, #A658AF 50%, #8B2D87 100%);
    background: -webkit-linear-gradient(top, #C392D3 0%, #A658AF 50%, #8B2D87 100%);
    background: linear-gradient(to bottom, #C392D3 0%, #A658AF 50%, #8B2D87 100%);
}
</style>