#CABFE7 - #7F5DAB | 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 #CABFE7 to #7F5DAB

#CABFE7 #7F5DAB

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

#CABFE7 - #7F5DAB | 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 #CABFE7 as 0% and #7F5DAB as 100%.

0.0%	0.0% #CABFE7	RGB 202 191 231	#CABFE7
16.7%	16.7% #BDAEDD	RGB 189 174 221	#BDAEDD
33.3%	33.3% #B19ED3	RGB 177 158 211	#B19ED3
50.0%	50.0% #A48EC9	RGB 164 142 201	#A48EC9
66.7%	66.7% #987DBF	RGB 152 125 191	#987DBF
83.3%	83.3% #8B6DB5	RGB 139 109 181	#8B6DB5
100.0%	100.0% #7F5DAB	RGB 127 93 171	#7F5DAB

#CABFE7 #BDAEDD #B19ED3 #A48EC9 #987DBF #8B6DB5 #7F5DAB

#CABFE7 - #7F5DAB

HSV Blend

#CABFE7 - #7F5DAB | 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 #CABFE7 as 0% and #7F5DAB as 100%.

0.0%	0.0% #CABFE7	RGB 202 191 231	#CABFE7
16.7%	16.7% #BBACDD	RGB 187 172 221	#BBACDD
33.3%	33.3% #AD9AD3	RGB 173 154 211	#AD9AD3
50.0%	50.0% #A089C9	RGB 160 137 201	#A089C9
66.7%	66.7% #9479BF	RGB 148 121 191	#9479BF
83.3%	83.3% #896AB5	RGB 137 106 181	#896AB5
100.0%	100.0% #7F5DAB	RGB 127 93 171	#7F5DAB

#CABFE7 #BBACDD #AD9AD3 #A089C9 #9479BF #896AB5 #7F5DAB

#CABFE7 - #A089C9 - #7F5DAB

CSS codes

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

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