#7B7BA1 - #D9D9E4 | 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 #7B7BA1 to #D9D9E4

#7B7BA1 #D9D9E4

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

#7B7BA1 - #D9D9E4 | 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 #7B7BA1 as 0% and #D9D9E4 as 100%.

0.0%	0.0% #7B7BA1	RGB 123 123 161	#7B7BA1
16.7%	16.7% #8A8AAC	RGB 138 138 172	#8A8AAC
33.3%	33.3% #9A9AB7	RGB 154 154 183	#9A9AB7
50.0%	50.0% #AAAAC2	RGB 170 170 194	#AAAAC2
66.7%	66.7% #B9B9CD	RGB 185 185 205	#B9B9CD
83.3%	83.3% #C9C9D8	RGB 201 201 216	#C9C9D8
100.0%	100.0% #D9D9E4	RGB 217 217 228	#D9D9E4

#7B7BA1 #8A8AAC #9A9AB7 #AAAAC2 #B9B9CD #C9C9D8 #D9D9E4

#7B7BA1 - #D9D9E4

HSV Blend

#7B7BA1 - #D9D9E4 | 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 #7B7BA1 as 0% and #D9D9E4 as 100%.

0.0%	0.0% #7B7BA1	RGB 123 123 161	#7B7BA1
16.7%	16.7% #8888AC	RGB 136 136 172	#8888AC
33.3%	33.3% #9797B7	RGB 151 151 183	#9797B7
50.0%	50.0% #A6A6C2	RGB 166 166 194	#A6A6C2
66.7%	66.7% #B6B6CD	RGB 182 182 205	#B6B6CD
83.3%	83.3% #C7C7D8	RGB 199 199 216	#C7C7D8
100.0%	100.0% #D9D9E4	RGB 217 217 228	#D9D9E4

#7B7BA1 #8888AC #9797B7 #A6A6C2 #B6B6CD #C7C7D8 #D9D9E4

#7B7BA1 - #A6A6C2 - #D9D9E4

CSS codes

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

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