#CBAFD6 - #9F5ABC | 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 #CBAFD6 to #9F5ABC

#CBAFD6 #9F5ABC

Calculate the color between two colors, #CBAFD6 and #9F5ABC. 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)

#CBAFD6 - #9F5ABC | 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 #CBAFD6 as 0% and #9F5ABC as 100%.

0.0%	0.0% #CBAFD6	RGB 203 175 214	#CBAFD6
16.7%	16.7% #C3A0D1	RGB 195 160 209	#C3A0D1
33.3%	33.3% #BC92CD	RGB 188 146 205	#BC92CD
50.0%	50.0% #B584C9	RGB 181 132 201	#B584C9
66.7%	66.7% #AD76C4	RGB 173 118 196	#AD76C4
83.3%	83.3% #A668C0	RGB 166 104 192	#A668C0
100.0%	100.0% #9F5ABC	RGB 159 90 188	#9F5ABC

#CBAFD6 #C3A0D1 #BC92CD #B584C9 #AD76C4 #A668C0 #9F5ABC

#CBAFD6 - #9F5ABC

HSV Blend

#CBAFD6 - #9F5ABC | 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 #CBAFD6 as 0% and #9F5ABC as 100%.

0.0%	0.0% #CBAFD6	RGB 203 175 214	#CBAFD6
16.7%	16.7% #C39FD1	RGB 195 159 209	#C39FD1
33.3%	33.3% #BB90CD	RGB 187 144 205	#BB90CD
50.0%	50.0% #B482C9	RGB 180 130 201	#B482C9
66.7%	66.7% #AD74C4	RGB 173 116 196	#AD74C4
83.3%	83.3% #A666C0	RGB 166 102 192	#A666C0
100.0%	100.0% #9F5ABC	RGB 159 90 188	#9F5ABC

#CBAFD6 #C39FD1 #BB90CD #B482C9 #AD74C4 #A666C0 #9F5ABC

#CBAFD6 - #B482C9 - #9F5ABC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CBAFD6 0%, #B482C9 50%, #9F5ABC 100%);
    background: -webkit-linear-gradient(top, #CBAFD6 0%, #B482C9 50%, #9F5ABC 100%);
    background: linear-gradient(to bottom, #CBAFD6 0%, #B482C9 50%, #9F5ABC 100%);
}
</style>