#CBA8CD - #8D5389 | 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 #CBA8CD to #8D5389

#CBA8CD #8D5389

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

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

0.0%	0.0% #CBA8CD	RGB 203 168 205	#CBA8CD
16.7%	16.7% #C099C1	RGB 192 153 193	#C099C1
33.3%	33.3% #B68BB6	RGB 182 139 182	#B68BB6
50.0%	50.0% #AC7DAB	RGB 172 125 171	#AC7DAB
66.7%	66.7% #A16F9F	RGB 161 111 159	#A16F9F
83.3%	83.3% #976194	RGB 151 97 148	#976194
100.0%	100.0% #8D5389	RGB 141 83 137	#8D5389

#CBA8CD #C099C1 #B68BB6 #AC7DAB #A16F9F #976194 #8D5389

#CBA8CD - #8D5389

HSV Blend

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

0.0%	0.0% #CBA8CD	RGB 203 168 205	#CBA8CD
16.7%	16.7% #C097C2	RGB 192 151 194	#C097C2
33.3%	33.3% #B788B7	RGB 183 136 183	#B788B7
50.0%	50.0% #AD79AC	RGB 173 121 172	#AD79AC
66.7%	66.7% #A26CA0	RGB 162 108 160	#A26CA0
83.3%	83.3% #975F94	RGB 151 95 148	#975F94
100.0%	100.0% #8D5389	RGB 141 83 137	#8D5389

#CBA8CD #C097C2 #B788B7 #AD79AC #A26CA0 #975F94 #8D5389

#CBA8CD - #AD79AC - #8D5389

CSS codes

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

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