#DDCDED - #A16EB4 | 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 #DDCDED to #A16EB4

#DDCDED #A16EB4

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

#DDCDED - #A16EB4 | 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 #DDCDED as 0% and #A16EB4 as 100%.

0.0%	0.0% #DDCDED	RGB 221 205 237	#DDCDED
16.7%	16.7% #D3BDE3	RGB 211 189 227	#D3BDE3
33.3%	33.3% #C9ADDA	RGB 201 173 218	#C9ADDA
50.0%	50.0% #BF9DD0	RGB 191 157 208	#BF9DD0
66.7%	66.7% #B58DC7	RGB 181 141 199	#B58DC7
83.3%	83.3% #AB7DBD	RGB 171 125 189	#AB7DBD
100.0%	100.0% #A16EB4	RGB 161 110 180	#A16EB4

#DDCDED #D3BDE3 #C9ADDA #BF9DD0 #B58DC7 #AB7DBD #A16EB4

#DDCDED - #A16EB4

HSV Blend

#DDCDED - #A16EB4 | 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 #DDCDED as 0% and #A16EB4 as 100%.

0.0%	0.0% #DDCDED	RGB 221 205 237	#DDCDED
16.7%	16.7% #D0BBE3	RGB 208 187 227	#D0BBE3
33.3%	33.3% #C5AADA	RGB 197 170 218	#C5AADA
50.0%	50.0% #BB99D0	RGB 187 153 208	#BB99D0
66.7%	66.7% #B18AC7	RGB 177 138 199	#B18AC7
83.3%	83.3% #A97BBD	RGB 169 123 189	#A97BBD
100.0%	100.0% #A16EB4	RGB 161 110 180	#A16EB4

#DDCDED #D0BBE3 #C5AADA #BB99D0 #B18AC7 #A97BBD #A16EB4

#DDCDED - #BB99D0 - #A16EB4

CSS codes

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

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