#C5A2DF - #FAEFF5 | 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 #C5A2DF to #FAEFF5

#C5A2DF #FAEFF5

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

#C5A2DF - #FAEFF5 | 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 #C5A2DF as 0% and #FAEFF5 as 100%.

0.0%	0.0% #C5A2DF	RGB 197 162 223	#C5A2DF
16.7%	16.7% #CDAEE2	RGB 205 174 226	#CDAEE2
33.3%	33.3% #D6BBE6	RGB 214 187 230	#D6BBE6
50.0%	50.0% #DFC8EA	RGB 223 200 234	#DFC8EA
66.7%	66.7% #E8D5ED	RGB 232 213 237	#E8D5ED
83.3%	83.3% #F1E2F1	RGB 241 226 241	#F1E2F1
100.0%	100.0% #FAEFF5	RGB 250 239 245	#FAEFF5

#C5A2DF #CDAEE2 #D6BBE6 #DFC8EA #E8D5ED #F1E2F1 #FAEFF5

#C5A2DF - #FAEFF5

HSV Blend

#C5A2DF - #FAEFF5 | 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 #C5A2DF as 0% and #FAEFF5 as 100%.

0.0%	0.0% #C5A2DF	RGB 197 162 223	#C5A2DF
16.7%	16.7% #D4ADE3	RGB 212 173 227	#D4ADE3
33.3%	33.3% #E1BAE8	RGB 225 186 232	#E1BAE8
50.0%	50.0% #ECC6EB	RGB 236 198 235	#ECC6EB
66.7%	66.7% #F1D3EC	RGB 241 211 236	#F1D3EC
83.3%	83.3% #F5E1EF	RGB 245 225 239	#F5E1EF
100.0%	100.0% #FAEFF5	RGB 250 239 245	#FAEFF5

#C5A2DF #D4ADE3 #E1BAE8 #ECC6EB #F1D3EC #F5E1EF #FAEFF5

#C5A2DF - #ECC6EB - #FAEFF5

CSS codes

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

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