#CBA8F7 - #7B4EC6 | 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 #CBA8F7 to #7B4EC6

#CBA8F7 #7B4EC6

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

#CBA8F7 - #7B4EC6 | 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 #CBA8F7 as 0% and #7B4EC6 as 100%.

0.0%	0.0% #CBA8F7	RGB 203 168 247	#CBA8F7
16.7%	16.7% #BD99EE	RGB 189 153 238	#BD99EE
33.3%	33.3% #B08AE6	RGB 176 138 230	#B08AE6
50.0%	50.0% #A37BDE	RGB 163 123 222	#A37BDE
66.7%	66.7% #956CD6	RGB 149 108 214	#956CD6
83.3%	83.3% #885DCE	RGB 136 93 206	#885DCE
100.0%	100.0% #7B4EC6	RGB 123 78 198	#7B4EC6

#CBA8F7 #BD99EE #B08AE6 #A37BDE #956CD6 #885DCE #7B4EC6

#CBA8F7 - #7B4EC6

HSV Blend

#CBA8F7 - #7B4EC6 | 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 #CBA8F7 as 0% and #7B4EC6 as 100%.

0.0%	0.0% #CBA8F7	RGB 203 168 247	#CBA8F7
16.7%	16.7% #BC97EE	RGB 188 151 238	#BC97EE
33.3%	33.3% #AF86E6	RGB 175 134 230	#AF86E6
50.0%	50.0% #A177DE	RGB 161 119 222	#A177DE
66.7%	66.7% #9468D6	RGB 148 104 214	#9468D6
83.3%	83.3% #875BCE	RGB 135 91 206	#875BCE
100.0%	100.0% #7B4EC6	RGB 123 78 198	#7B4EC6

#CBA8F7 #BC97EE #AF86E6 #A177DE #9468D6 #875BCE #7B4EC6

#CBA8F7 - #A177DE - #7B4EC6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CBA8F7 0%, #A177DE 50%, #7B4EC6 100%);
    background: -webkit-linear-gradient(top, #CBA8F7 0%, #A177DE 50%, #7B4EC6 100%);
    background: linear-gradient(to bottom, #CBA8F7 0%, #A177DE 50%, #7B4EC6 100%);
}
</style>