#CCC8F7 - #9068D0 | 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 #CCC8F7 to #9068D0

#CCC8F7 #9068D0

Calculate the color between two colors, #CCC8F7 and #9068D0. 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)

#CCC8F7 - #9068D0 | 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 #CCC8F7 as 0% and #9068D0 as 100%.

0.0%	0.0% #CCC8F7	RGB 204 200 247	#CCC8F7
16.7%	16.7% #C2B8F0	RGB 194 184 240	#C2B8F0
33.3%	33.3% #B8A8EA	RGB 184 168 234	#B8A8EA
50.0%	50.0% #AE98E3	RGB 174 152 227	#AE98E3
66.7%	66.7% #A488DD	RGB 164 136 221	#A488DD
83.3%	83.3% #9A78D6	RGB 154 120 214	#9A78D6
100.0%	100.0% #9068D0	RGB 144 104 208	#9068D0

#CCC8F7 #C2B8F0 #B8A8EA #AE98E3 #A488DD #9A78D6 #9068D0

#CCC8F7 - #9068D0

HSV Blend

#CCC8F7 - #9068D0 | 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 #CCC8F7 as 0% and #9068D0 as 100%.

0.0%	0.0% #CCC8F7	RGB 204 200 247	#CCC8F7
16.7%	16.7% #BEB6F0	RGB 190 182 240	#BEB6F0
33.3%	33.3% #B2A5EA	RGB 178 165 234	#B2A5EA
50.0%	50.0% #A794E3	RGB 167 148 227	#A794E3
66.7%	66.7% #9E85DD	RGB 158 133 221	#9E85DD
83.3%	83.3% #9676D6	RGB 150 118 214	#9676D6
100.0%	100.0% #9068D0	RGB 144 104 208	#9068D0

#CCC8F7 #BEB6F0 #B2A5EA #A794E3 #9E85DD #9676D6 #9068D0

#CCC8F7 - #A794E3 - #9068D0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CCC8F7 0%, #A794E3 50%, #9068D0 100%);
    background: -webkit-linear-gradient(top, #CCC8F7 0%, #A794E3 50%, #9068D0 100%);
    background: linear-gradient(to bottom, #CCC8F7 0%, #A794E3 50%, #9068D0 100%);
}
</style>