#DDD9F7 - #7B80C7 | 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 #DDD9F7 to #7B80C7

#DDD9F7 #7B80C7

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

#DDD9F7 - #7B80C7 | 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 #DDD9F7 as 0% and #7B80C7 as 100%.

0.0%	0.0% #DDD9F7	RGB 221 217 247	#DDD9F7
16.7%	16.7% #CCCAEF	RGB 204 202 239	#CCCAEF
33.3%	33.3% #BCBBE7	RGB 188 187 231	#BCBBE7
50.0%	50.0% #ACACDF	RGB 172 172 223	#ACACDF
66.7%	66.7% #9B9DD7	RGB 155 157 215	#9B9DD7
83.3%	83.3% #8B8ECF	RGB 139 142 207	#8B8ECF
100.0%	100.0% #7B80C7	RGB 123 128 199	#7B80C7

#DDD9F7 #CCCAEF #BCBBE7 #ACACDF #9B9DD7 #8B8ECF #7B80C7

#DDD9F7 - #7B80C7

HSV Blend

#DDD9F7 - #7B80C7 | 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 #DDD9F7 as 0% and #7B80C7 as 100%.

0.0%	0.0% #DDD9F7	RGB 221 217 247	#DDD9F7
16.7%	16.7% #CBC7EF	RGB 203 199 239	#CBC7EF
33.3%	33.3% #BAB6E7	RGB 186 182 231	#BAB6E7
50.0%	50.0% #A8A6DF	RGB 168 166 223	#A8A6DF
66.7%	66.7% #9797D7	RGB 151 151 215	#9797D7
83.3%	83.3% #888BCF	RGB 136 139 207	#888BCF
100.0%	100.0% #7B80C7	RGB 123 128 199	#7B80C7

#DDD9F7 #CBC7EF #BAB6E7 #A8A6DF #9797D7 #888BCF #7B80C7

#DDD9F7 - #A8A6DF - #7B80C7

CSS codes

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

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