#7D7CCC - #D9D9F0 | 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 #7D7CCC to #D9D9F0

#7D7CCC #D9D9F0

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

#7D7CCC - #D9D9F0 | 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 #7D7CCC as 0% and #D9D9F0 as 100%.

0.0%	0.0% #7D7CCC	RGB 125 124 204	#7D7CCC
16.7%	16.7% #8C8BD2	RGB 140 139 210	#8C8BD2
33.3%	33.3% #9B9BD8	RGB 155 155 216	#9B9BD8
50.0%	50.0% #ABAADE	RGB 171 170 222	#ABAADE
66.7%	66.7% #BABAE4	RGB 186 186 228	#BABAE4
83.3%	83.3% #C9C9EA	RGB 201 201 234	#C9C9EA
100.0%	100.0% #D9D9F0	RGB 217 217 240	#D9D9F0

#7D7CCC #8C8BD2 #9B9BD8 #ABAADE #BABAE4 #C9C9EA #D9D9F0

#7D7CCC - #D9D9F0

HSV Blend

#7D7CCC - #D9D9F0 | 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 #7D7CCC as 0% and #D9D9F0 as 100%.

0.0%	0.0% #7D7CCC	RGB 125 124 204	#7D7CCC
16.7%	16.7% #8A8AD2	RGB 138 138 210	#8A8AD2
33.3%	33.3% #9998D8	RGB 153 152 216	#9998D8
50.0%	50.0% #A8A7DE	RGB 168 167 222	#A8A7DE
66.7%	66.7% #B7B7E4	RGB 183 183 228	#B7B7E4
83.3%	83.3% #C8C8EA	RGB 200 200 234	#C8C8EA
100.0%	100.0% #D9D9F0	RGB 217 217 240	#D9D9F0

#7D7CCC #8A8AD2 #9998D8 #A8A7DE #B7B7E4 #C8C8EA #D9D9F0

#7D7CCC - #A8A7DE - #D9D9F0

CSS codes

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

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