#CFB5E5 - #7F51A7 | 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 #CFB5E5 to #7F51A7

#CFB5E5 #7F51A7

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

#CFB5E5 - #7F51A7 | 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 #CFB5E5 as 0% and #7F51A7 as 100%.

0.0%	0.0% #CFB5E5	RGB 207 181 229	#CFB5E5
16.7%	16.7% #C1A4DA	RGB 193 164 218	#C1A4DA
33.3%	33.3% #B493D0	RGB 180 147 208	#B493D0
50.0%	50.0% #A783C6	RGB 167 131 198	#A783C6
66.7%	66.7% #9972BB	RGB 153 114 187	#9972BB
83.3%	83.3% #8C61B1	RGB 140 97 177	#8C61B1
100.0%	100.0% #7F51A7	RGB 127 81 167	#7F51A7

#CFB5E5 #C1A4DA #B493D0 #A783C6 #9972BB #8C61B1 #7F51A7

#CFB5E5 - #7F51A7

HSV Blend

#CFB5E5 - #7F51A7 | 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 #CFB5E5 as 0% and #7F51A7 as 100%.

0.0%	0.0% #CFB5E5	RGB 207 181 229	#CFB5E5
16.7%	16.7% #C0A1DA	RGB 192 161 218	#C0A1DA
33.3%	33.3% #B28FD0	RGB 178 143 208	#B28FD0
50.0%	50.0% #A47EC6	RGB 164 126 198	#A47EC6
66.7%	66.7% #976EBB	RGB 151 110 187	#976EBB
83.3%	83.3% #8B5FB1	RGB 139 95 177	#8B5FB1
100.0%	100.0% #7F51A7	RGB 127 81 167	#7F51A7

#CFB5E5 #C0A1DA #B28FD0 #A47EC6 #976EBB #8B5FB1 #7F51A7

#CFB5E5 - #A47EC6 - #7F51A7

CSS codes

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

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