#CCBADE - #7E5B9E | 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 #CCBADE to #7E5B9E

#CCBADE #7E5B9E

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

#CCBADE - #7E5B9E | 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 #CCBADE as 0% and #7E5B9E as 100%.

0.0%	0.0% #CCBADE	RGB 204 186 222	#CCBADE
16.7%	16.7% #BFAAD3	RGB 191 170 211	#BFAAD3
33.3%	33.3% #B29AC8	RGB 178 154 200	#B29AC8
50.0%	50.0% #A58ABE	RGB 165 138 190	#A58ABE
66.7%	66.7% #987AB3	RGB 152 122 179	#987AB3
83.3%	83.3% #8B6AA8	RGB 139 106 168	#8B6AA8
100.0%	100.0% #7E5B9E	RGB 126 91 158	#7E5B9E

#CCBADE #BFAAD3 #B29AC8 #A58ABE #987AB3 #8B6AA8 #7E5B9E

#CCBADE - #7E5B9E

HSV Blend

#CCBADE - #7E5B9E | 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 #CCBADE as 0% and #7E5B9E as 100%.

0.0%	0.0% #CCBADE	RGB 204 186 222	#CCBADE
16.7%	16.7% #BDA7D3	RGB 189 167 211	#BDA7D3
33.3%	33.3% #B096C8	RGB 176 150 200	#B096C8
50.0%	50.0% #A286BE	RGB 162 134 190	#A286BE
66.7%	66.7% #9676B3	RGB 150 118 179	#9676B3
83.3%	83.3% #8968A8	RGB 137 104 168	#8968A8
100.0%	100.0% #7E5B9E	RGB 126 91 158	#7E5B9E

#CCBADE #BDA7D3 #B096C8 #A286BE #9676B3 #8968A8 #7E5B9E

#CCBADE - #A286BE - #7E5B9E

CSS codes

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

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