#D8C6DF - #AF74C7 | 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 #D8C6DF to #AF74C7

#D8C6DF #AF74C7

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

#D8C6DF - #AF74C7 | 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 #D8C6DF as 0% and #AF74C7 as 100%.

0.0%	0.0% #D8C6DF	RGB 216 198 223	#D8C6DF
16.7%	16.7% #D1B8DB	RGB 209 184 219	#D1B8DB
33.3%	33.3% #CAAAD7	RGB 202 170 215	#CAAAD7
50.0%	50.0% #C39DD3	RGB 195 157 211	#C39DD3
66.7%	66.7% #BC8FCF	RGB 188 143 207	#BC8FCF
83.3%	83.3% #B581CB	RGB 181 129 203	#B581CB
100.0%	100.0% #AF74C7	RGB 175 116 199	#AF74C7

#D8C6DF #D1B8DB #CAAAD7 #C39DD3 #BC8FCF #B581CB #AF74C7

#D8C6DF - #AF74C7

HSV Blend

#D8C6DF - #AF74C7 | 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 #D8C6DF as 0% and #AF74C7 as 100%.

0.0%	0.0% #D8C6DF	RGB 216 198 223	#D8C6DF
16.7%	16.7% #D0B7DB	RGB 208 183 219	#D0B7DB
33.3%	33.3% #C9A9D7	RGB 201 169 215	#C9A9D7
50.0%	50.0% #C39BD3	RGB 195 155 211	#C39BD3
66.7%	66.7% #BC8DCF	RGB 188 141 207	#BC8DCF
83.3%	83.3% #B580CB	RGB 181 128 203	#B580CB
100.0%	100.0% #AF74C7	RGB 175 116 199	#AF74C7

#D8C6DF #D0B7DB #C9A9D7 #C39BD3 #BC8DCF #B580CB #AF74C7

#D8C6DF - #C39BD3 - #AF74C7

CSS codes

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

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