#DDDDFF - #7B95D3 | 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 #DDDDFF to #7B95D3

#DDDDFF #7B95D3

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

#DDDDFF - #7B95D3 | 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 #DDDDFF as 0% and #7B95D3 as 100%.

0.0%	0.0% #DDDDFF	RGB 221 221 255	#DDDDFF
16.7%	16.7% #CCD1F7	RGB 204 209 247	#CCD1F7
33.3%	33.3% #BCC5F0	RGB 188 197 240	#BCC5F0
50.0%	50.0% #ACB9E9	RGB 172 185 233	#ACB9E9
66.7%	66.7% #9BADE1	RGB 155 173 225	#9BADE1
83.3%	83.3% #8BA1DA	RGB 139 161 218	#8BA1DA
100.0%	100.0% #7B95D3	RGB 123 149 211	#7B95D3

#DDDDFF #CCD1F7 #BCC5F0 #ACB9E9 #9BADE1 #8BA1DA #7B95D3

#DDDDFF - #7B95D3

HSV Blend

#DDDDFF - #7B95D3 | 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 #DDDDFF as 0% and #7B95D3 as 100%.

0.0%	0.0% #DDDDFF	RGB 221 221 255	#DDDDFF
16.7%	16.7% #CACDF7	RGB 202 205 247	#CACDF7
33.3%	33.3% #B9BEF0	RGB 185 190 240	#B9BEF0
50.0%	50.0% #A8B2E9	RGB 168 178 233	#A8B2E9
66.7%	66.7% #98A7E1	RGB 152 167 225	#98A7E1
83.3%	83.3% #899DDA	RGB 137 157 218	#899DDA
100.0%	100.0% #7B95D3	RGB 123 149 211	#7B95D3

#DDDDFF #CACDF7 #B9BEF0 #A8B2E9 #98A7E1 #899DDA #7B95D3

#DDDDFF - #A8B2E9 - #7B95D3

CSS codes

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

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