#CEAFE4 - #A45CC3 | 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 #CEAFE4 to #A45CC3

#CEAFE4 #A45CC3

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

#CEAFE4 - #A45CC3 | 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 #CEAFE4 as 0% and #A45CC3 as 100%.

0.0%	0.0% #CEAFE4	RGB 206 175 228	#CEAFE4
16.7%	16.7% #C7A1DE	RGB 199 161 222	#C7A1DE
33.3%	33.3% #C093D9	RGB 192 147 217	#C093D9
50.0%	50.0% #B985D3	RGB 185 133 211	#B985D3
66.7%	66.7% #B277CE	RGB 178 119 206	#B277CE
83.3%	83.3% #AB69C8	RGB 171 105 200	#AB69C8
100.0%	100.0% #A45CC3	RGB 164 92 195	#A45CC3

#CEAFE4 #C7A1DE #C093D9 #B985D3 #B277CE #AB69C8 #A45CC3

#CEAFE4 - #A45CC3

HSV Blend

#CEAFE4 - #A45CC3 | 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 #CEAFE4 as 0% and #A45CC3 as 100%.

0.0%	0.0% #CEAFE4	RGB 206 175 228	#CEAFE4
16.7%	16.7% #C59FDE	RGB 197 159 222	#C59FDE
33.3%	33.3% #BD91D9	RGB 189 145 217	#BD91D9
50.0%	50.0% #B683D3	RGB 182 131 211	#B683D3
66.7%	66.7% #AF75CE	RGB 175 117 206	#AF75CE
83.3%	83.3% #A968C8	RGB 169 104 200	#A968C8
100.0%	100.0% #A45CC3	RGB 164 92 195	#A45CC3

#CEAFE4 #C59FDE #BD91D9 #B683D3 #AF75CE #A968C8 #A45CC3

#CEAFE4 - #B683D3 - #A45CC3

CSS codes

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

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