#DDB6DC - #AF62B7 | 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 #DDB6DC to #AF62B7

#DDB6DC #AF62B7

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

#DDB6DC - #AF62B7 | 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 #DDB6DC as 0% and #AF62B7 as 100%.

0.0%	0.0% #DDB6DC	RGB 221 182 220	#DDB6DC
16.7%	16.7% #D5A8D5	RGB 213 168 213	#D5A8D5
33.3%	33.3% #CD9ACF	RGB 205 154 207	#CD9ACF
50.0%	50.0% #C68CC9	RGB 198 140 201	#C68CC9
66.7%	66.7% #BE7EC3	RGB 190 126 195	#BE7EC3
83.3%	83.3% #B670BD	RGB 182 112 189	#B670BD
100.0%	100.0% #AF62B7	RGB 175 98 183	#AF62B7

#DDB6DC #D5A8D5 #CD9ACF #C68CC9 #BE7EC3 #B670BD #AF62B7

#DDB6DC - #AF62B7

HSV Blend

#DDB6DC - #AF62B7 | 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 #DDB6DC as 0% and #AF62B7 as 100%.

0.0%	0.0% #DDB6DC	RGB 221 182 220	#DDB6DC
16.7%	16.7% #D6A6D6	RGB 214 166 214	#D6A6D6
33.3%	33.3% #CF97D0	RGB 207 151 208	#CF97D0
50.0%	50.0% #C789CA	RGB 199 137 202	#C789CA
66.7%	66.7% #BF7BC3	RGB 191 123 195	#BF7BC3
83.3%	83.3% #B76EBD	RGB 183 110 189	#B76EBD
100.0%	100.0% #AF62B7	RGB 175 98 183	#AF62B7

#DDB6DC #D6A6D6 #CF97D0 #C789CA #BF7BC3 #B76EBD #AF62B7

#DDB6DC - #C789CA - #AF62B7

CSS codes

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

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