#CEA8D5 - #A048A6 | 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 #CEA8D5 to #A048A6

#CEA8D5 #A048A6

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

#CEA8D5 - #A048A6 | 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 #CEA8D5 as 0% and #A048A6 as 100%.

0.0%	0.0% #CEA8D5	RGB 206 168 213	#CEA8D5
16.7%	16.7% #C698CD	RGB 198 152 205	#C698CD
33.3%	33.3% #BE88C5	RGB 190 136 197	#BE88C5
50.0%	50.0% #B778BD	RGB 183 120 189	#B778BD
66.7%	66.7% #AF68B5	RGB 175 104 181	#AF68B5
83.3%	83.3% #A758AD	RGB 167 88 173	#A758AD
100.0%	100.0% #A048A6	RGB 160 72 166	#A048A6

#CEA8D5 #C698CD #BE88C5 #B778BD #AF68B5 #A758AD #A048A6

#CEA8D5 - #A048A6

HSV Blend

#CEA8D5 - #A048A6 | 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 #CEA8D5 as 0% and #A048A6 as 100%.

0.0%	0.0% #CEA8D5	RGB 206 168 213	#CEA8D5
16.7%	16.7% #C595CD	RGB 197 149 205	#C595CD
33.3%	33.3% #BD84C5	RGB 189 132 197	#BD84C5
50.0%	50.0% #B573BD	RGB 181 115 189	#B573BD
66.7%	66.7% #AD64B5	RGB 173 100 181	#AD64B5
83.3%	83.3% #A655AD	RGB 166 85 173	#A655AD
100.0%	100.0% #A048A6	RGB 160 72 166	#A048A6

#CEA8D5 #C595CD #BD84C5 #B573BD #AD64B5 #A655AD #A048A6

#CEA8D5 - #B573BD - #A048A6

CSS codes

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

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