#CDB5EC - #7E4EB1 | 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 #CDB5EC to #7E4EB1

#CDB5EC #7E4EB1

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

#CDB5EC - #7E4EB1 | 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 #CDB5EC as 0% and #7E4EB1 as 100%.

0.0%	0.0% #CDB5EC	RGB 205 181 236	#CDB5EC
16.7%	16.7% #BFA3E2	RGB 191 163 226	#BFA3E2
33.3%	33.3% #B292D8	RGB 178 146 216	#B292D8
50.0%	50.0% #A581CE	RGB 165 129 206	#A581CE
66.7%	66.7% #9870C4	RGB 152 112 196	#9870C4
83.3%	83.3% #8B5FBA	RGB 139 95 186	#8B5FBA
100.0%	100.0% #7E4EB1	RGB 126 78 177	#7E4EB1

#CDB5EC #BFA3E2 #B292D8 #A581CE #9870C4 #8B5FBA #7E4EB1

#CDB5EC - #7E4EB1

HSV Blend

#CDB5EC - #7E4EB1 | 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 #CDB5EC as 0% and #7E4EB1 as 100%.

0.0%	0.0% #CDB5EC	RGB 205 181 236	#CDB5EC
16.7%	16.7% #BEA1E2	RGB 190 161 226	#BEA1E2
33.3%	33.3% #AF8ED8	RGB 175 142 216	#AF8ED8
50.0%	50.0% #A27CCE	RGB 162 124 206	#A27CCE
66.7%	66.7% #956CC4	RGB 149 108 196	#956CC4
83.3%	83.3% #895CBA	RGB 137 92 186	#895CBA
100.0%	100.0% #7E4EB1	RGB 126 78 177	#7E4EB1

#CDB5EC #BEA1E2 #AF8ED8 #A27CCE #956CC4 #895CBA #7E4EB1

#CDB5EC - #A27CCE - #7E4EB1

CSS codes

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

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