#DDD9FF - #977BCF | 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 #DDD9FF to #977BCF

#DDD9FF #977BCF

Calculate the color between two colors, #DDD9FF and #977BCF. 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)

#DDD9FF - #977BCF | 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 #DDD9FF as 0% and #977BCF as 100%.

0.0%	0.0% #DDD9FF	RGB 221 217 255	#DDD9FF
16.7%	16.7% #D1C9F7	RGB 209 201 247	#D1C9F7
33.3%	33.3% #C5B9EF	RGB 197 185 239	#C5B9EF
50.0%	50.0% #BAAAE7	RGB 186 170 231	#BAAAE7
66.7%	66.7% #AE9ADF	RGB 174 154 223	#AE9ADF
83.3%	83.3% #A28AD7	RGB 162 138 215	#A28AD7
100.0%	100.0% #977BCF	RGB 151 123 207	#977BCF

#DDD9FF #D1C9F7 #C5B9EF #BAAAE7 #AE9ADF #A28AD7 #977BCF

#DDD9FF - #977BCF

HSV Blend

#DDD9FF - #977BCF | 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 #DDD9FF as 0% and #977BCF as 100%.

0.0%	0.0% #DDD9FF	RGB 221 217 255	#DDD9FF
16.7%	16.7% #CEC7F7	RGB 206 199 247	#CEC7F7
33.3%	33.3% #C1B6EF	RGB 193 182 239	#C1B6EF
50.0%	50.0% #B4A6E7	RGB 180 166 231	#B4A6E7
66.7%	66.7% #A997DF	RGB 169 151 223	#A997DF
83.3%	83.3% #A088D7	RGB 160 136 215	#A088D7
100.0%	100.0% #977BCF	RGB 151 123 207	#977BCF

#DDD9FF #CEC7F7 #C1B6EF #B4A6E7 #A997DF #A088D7 #977BCF

#DDD9FF - #B4A6E7 - #977BCF

CSS codes

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

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