#CCC7E8 - #8974BE | 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 #CCC7E8 to #8974BE

#CCC7E8 #8974BE

Calculate the color between two colors, #CCC7E8 and #8974BE. 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)

#CCC7E8 - #8974BE | 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 #CCC7E8 as 0% and #8974BE as 100%.

0.0%	0.0% #CCC7E8	RGB 204 199 232	#CCC7E8
16.7%	16.7% #C0B9E1	RGB 192 185 225	#C0B9E1
33.3%	33.3% #B5ABDA	RGB 181 171 218	#B5ABDA
50.0%	50.0% #AA9DD3	RGB 170 157 211	#AA9DD3
66.7%	66.7% #9F8FCC	RGB 159 143 204	#9F8FCC
83.3%	83.3% #9481C5	RGB 148 129 197	#9481C5
100.0%	100.0% #8974BE	RGB 137 116 190	#8974BE

#CCC7E8 #C0B9E1 #B5ABDA #AA9DD3 #9F8FCC #9481C5 #8974BE

#CCC7E8 - #8974BE

HSV Blend

#CCC7E8 - #8974BE | 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 #CCC7E8 as 0% and #8974BE as 100%.

0.0%	0.0% #CCC7E8	RGB 204 199 232	#CCC7E8
16.7%	16.7% #BEB7E1	RGB 190 183 225	#BEB7E1
33.3%	33.3% #B2A9DA	RGB 178 169 218	#B2A9DA
50.0%	50.0% #A79AD3	RGB 167 154 211	#A79AD3
66.7%	66.7% #9C8DCC	RGB 156 141 204	#9C8DCC
83.3%	83.3% #9280C5	RGB 146 128 197	#9280C5
100.0%	100.0% #8974BE	RGB 137 116 190	#8974BE

#CCC7E8 #BEB7E1 #B2A9DA #A79AD3 #9C8DCC #9280C5 #8974BE

#CCC7E8 - #A79AD3 - #8974BE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CCC7E8 0%, #A79AD3 50%, #8974BE 100%);
    background: -webkit-linear-gradient(top, #CCC7E8 0%, #A79AD3 50%, #8974BE 100%);
    background: linear-gradient(to bottom, #CCC7E8 0%, #A79AD3 50%, #8974BE 100%);
}
</style>