#DDC2FF - #9258CE | 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 #DDC2FF to #9258CE

#DDC2FF #9258CE

Calculate the color between two colors, #DDC2FF and #9258CE. 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)

#DDC2FF - #9258CE | 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 #DDC2FF as 0% and #9258CE as 100%.

0.0%	0.0% #DDC2FF	RGB 221 194 255	#DDC2FF
16.7%	16.7% #D0B0F6	RGB 208 176 246	#D0B0F6
33.3%	33.3% #C49EEE	RGB 196 158 238	#C49EEE
50.0%	50.0% #B78DE6	RGB 183 141 230	#B78DE6
66.7%	66.7% #AB7BDE	RGB 171 123 222	#AB7BDE
83.3%	83.3% #9E69D6	RGB 158 105 214	#9E69D6
100.0%	100.0% #9258CE	RGB 146 88 206	#9258CE

#DDC2FF #D0B0F6 #C49EEE #B78DE6 #AB7BDE #9E69D6 #9258CE

#DDC2FF - #9258CE

HSV Blend

#DDC2FF - #9258CE | 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 #DDC2FF as 0% and #9258CE as 100%.

0.0%	0.0% #DDC2FF	RGB 221 194 255	#DDC2FF
16.7%	16.7% #CEAEF6	RGB 206 174 246	#CEAEF6
33.3%	33.3% #C19BEE	RGB 193 155 238	#C19BEE
50.0%	50.0% #B488E6	RGB 180 136 230	#B488E6
66.7%	66.7% #A877DE	RGB 168 119 222	#A877DE
83.3%	83.3% #9C67D6	RGB 156 103 214	#9C67D6
100.0%	100.0% #9258CE	RGB 146 88 206	#9258CE

#DDC2FF #CEAEF6 #C19BEE #B488E6 #A877DE #9C67D6 #9258CE

#DDC2FF - #B488E6 - #9258CE

CSS codes

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

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