#7C7CC1 - #D9D9ED | 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 #7C7CC1 to #D9D9ED

#7C7CC1 #D9D9ED

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

#7C7CC1 - #D9D9ED | 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 #7C7CC1 as 0% and #D9D9ED as 100%.

0.0%	0.0% #7C7CC1	RGB 124 124 193	#7C7CC1
16.7%	16.7% #8B8BC8	RGB 139 139 200	#8B8BC8
33.3%	33.3% #9B9BCF	RGB 155 155 207	#9B9BCF
50.0%	50.0% #AAAAD7	RGB 170 170 215	#AAAAD7
66.7%	66.7% #BABADE	RGB 186 186 222	#BABADE
83.3%	83.3% #C9C9E5	RGB 201 201 229	#C9C9E5
100.0%	100.0% #D9D9ED	RGB 217 217 237	#D9D9ED

#7C7CC1 #8B8BC8 #9B9BCF #AAAAD7 #BABADE #C9C9E5 #D9D9ED

#7C7CC1 - #D9D9ED

HSV Blend

#7C7CC1 - #D9D9ED | 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 #7C7CC1 as 0% and #D9D9ED as 100%.

0.0%	0.0% #7C7CC1	RGB 124 124 193	#7C7CC1
16.7%	16.7% #8989C8	RGB 137 137 200	#8989C8
33.3%	33.3% #9898CF	RGB 152 152 207	#9898CF
50.0%	50.0% #A7A7D7	RGB 167 167 215	#A7A7D7
66.7%	66.7% #B7B7DE	RGB 183 183 222	#B7B7DE
83.3%	83.3% #C7C7E5	RGB 199 199 229	#C7C7E5
100.0%	100.0% #D9D9ED	RGB 217 217 237	#D9D9ED

#7C7CC1 #8989C8 #9898CF #A7A7D7 #B7B7DE #C7C7E5 #D9D9ED

#7C7CC1 - #A7A7D7 - #D9D9ED

CSS codes

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

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