#CCBBFF - #7E4ECF | 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 #CCBBFF to #7E4ECF

#CCBBFF #7E4ECF

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

#CCBBFF - #7E4ECF | 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 #CCBBFF as 0% and #7E4ECF as 100%.

0.0%	0.0% #CCBBFF	RGB 204 187 255	#CCBBFF
16.7%	16.7% #BFA8F7	RGB 191 168 247	#BFA8F7
33.3%	33.3% #B296EF	RGB 178 150 239	#B296EF
50.0%	50.0% #A584E7	RGB 165 132 231	#A584E7
66.7%	66.7% #9872DF	RGB 152 114 223	#9872DF
83.3%	83.3% #8B60D7	RGB 139 96 215	#8B60D7
100.0%	100.0% #7E4ECF	RGB 126 78 207	#7E4ECF

#CCBBFF #BFA8F7 #B296EF #A584E7 #9872DF #8B60D7 #7E4ECF

#CCBBFF - #7E4ECF

HSV Blend

#CCBBFF - #7E4ECF | 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 #CCBBFF as 0% and #7E4ECF as 100%.

0.0%	0.0% #CCBBFF	RGB 204 187 255	#CCBBFF
16.7%	16.7% #BCA6F7	RGB 188 166 247	#BCA6F7
33.3%	33.3% #AD92EF	RGB 173 146 239	#AD92EF
50.0%	50.0% #A080E7	RGB 160 128 231	#A080E7
66.7%	66.7% #936EDF	RGB 147 110 223	#936EDF
83.3%	83.3% #885DD7	RGB 136 93 215	#885DD7
100.0%	100.0% #7E4ECF	RGB 126 78 207	#7E4ECF

#CCBBFF #BCA6F7 #AD92EF #A080E7 #936EDF #885DD7 #7E4ECF

#CCBBFF - #A080E7 - #7E4ECF

CSS codes

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

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