#C0ACDB - #714999 | 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 #C0ACDB to #714999

#C0ACDB #714999

Calculate the color between two colors, #C0ACDB and #714999. 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)

#C0ACDB - #714999 | 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 #C0ACDB as 0% and #714999 as 100%.

0.0%	0.0% #C0ACDB	RGB 192 172 219	#C0ACDB
16.7%	16.7% #B29BD0	RGB 178 155 208	#B29BD0
33.3%	33.3% #A58BC5	RGB 165 139 197	#A58BC5
50.0%	50.0% #987ABA	RGB 152 122 186	#987ABA
66.7%	66.7% #8B6AAF	RGB 139 106 175	#8B6AAF
83.3%	83.3% #7E59A4	RGB 126 89 164	#7E59A4
100.0%	100.0% #714999	RGB 113 73 153	#714999

#C0ACDB #B29BD0 #A58BC5 #987ABA #8B6AAF #7E59A4 #714999

#C0ACDB - #714999

HSV Blend

#C0ACDB - #714999 | 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 #C0ACDB as 0% and #714999 as 100%.

0.0%	0.0% #C0ACDB	RGB 192 172 219	#C0ACDB
16.7%	16.7% #B098D0	RGB 176 152 208	#B098D0
33.3%	33.3% #A286C5	RGB 162 134 197	#A286C5
50.0%	50.0% #9575BA	RGB 149 117 186	#9575BA
66.7%	66.7% #8865AF	RGB 136 101 175	#8865AF
83.3%	83.3% #7C56A4	RGB 124 86 164	#7C56A4
100.0%	100.0% #714999	RGB 113 73 153	#714999

#C0ACDB #B098D0 #A286C5 #9575BA #8865AF #7C56A4 #714999

#C0ACDB - #9575BA - #714999

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0ACDB 0%, #9575BA 50%, #714999 100%);
    background: -webkit-linear-gradient(top, #C0ACDB 0%, #9575BA 50%, #714999 100%);
    background: linear-gradient(to bottom, #C0ACDB 0%, #9575BA 50%, #714999 100%);
}
</style>