#DD9FD2 - #C0CCE3 | 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 #DD9FD2 to #C0CCE3

#DD9FD2 #C0CCE3

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

#DD9FD2 - #C0CCE3 | 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 #DD9FD2 as 0% and #C0CCE3 as 100%.

0.0%	0.0% #DD9FD2	RGB 221 159 210	#DD9FD2
16.7%	16.7% #D8A6D4	RGB 216 166 212	#D8A6D4
33.3%	33.3% #D3AED7	RGB 211 174 215	#D3AED7
50.0%	50.0% #CEB5DA	RGB 206 181 218	#CEB5DA
66.7%	66.7% #C9BDDD	RGB 201 189 221	#C9BDDD
83.3%	83.3% #C4C4E0	RGB 196 196 224	#C4C4E0
100.0%	100.0% #C0CCE3	RGB 192 204 227	#C0CCE3

#DD9FD2 #D8A6D4 #D3AED7 #CEB5DA #C9BDDD #C4C4E0 #C0CCE3

#DD9FD2 - #C0CCE3

HSV Blend

#DD9FD2 - #C0CCE3 | 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 #DD9FD2 as 0% and #C0CCE3 as 100%.

0.0%	0.0% #DD9FD2	RGB 221 159 210	#DD9FD2
16.7%	16.7% #D9A4DE	RGB 217 164 222	#D9A4DE
33.3%	33.3% #CDA9DF	RGB 205 169 223	#CDA9DF
50.0%	50.0% #C3AFE0	RGB 195 175 224	#C3AFE0
66.7%	66.7% #BCB4E1	RGB 188 180 225	#BCB4E1
83.3%	83.3% #BABDE2	RGB 186 189 226	#BABDE2
100.0%	100.0% #C0CCE3	RGB 192 204 227	#C0CCE3

#DD9FD2 #D9A4DE #CDA9DF #C3AFE0 #BCB4E1 #BABDE2 #C0CCE3

#DD9FD2 - #C3AFE0 - #C0CCE3

CSS codes

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

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