#7B7EAC - #D9DAE7 | 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 #7B7EAC to #D9DAE7

#7B7EAC #D9DAE7

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

#7B7EAC - #D9DAE7 | 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 #7B7EAC as 0% and #D9DAE7 as 100%.

0.0%	0.0% #7B7EAC	RGB 123 126 172	#7B7EAC
16.7%	16.7% #8A8DB5	RGB 138 141 181	#8A8DB5
33.3%	33.3% #9A9CBF	RGB 154 156 191	#9A9CBF
50.0%	50.0% #AAACC9	RGB 170 172 201	#AAACC9
66.7%	66.7% #B9BBD3	RGB 185 187 211	#B9BBD3
83.3%	83.3% #C9CADD	RGB 201 202 221	#C9CADD
100.0%	100.0% #D9DAE7	RGB 217 218 231	#D9DAE7

#7B7EAC #8A8DB5 #9A9CBF #AAACC9 #B9BBD3 #C9CADD #D9DAE7

#7B7EAC - #D9DAE7

HSV Blend

#7B7EAC - #D9DAE7 | 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 #7B7EAC as 0% and #D9DAE7 as 100%.

0.0%	0.0% #7B7EAC	RGB 123 126 172	#7B7EAC
16.7%	16.7% #888BB5	RGB 136 139 181	#888BB5
33.3%	33.3% #9799BF	RGB 151 153 191	#9799BF
50.0%	50.0% #A6A9C9	RGB 166 169 201	#A6A9C9
66.7%	66.7% #B6B8D3	RGB 182 184 211	#B6B8D3
83.3%	83.3% #C7C9DD	RGB 199 201 221	#C7C9DD
100.0%	100.0% #D9DAE7	RGB 217 218 231	#D9DAE7

#7B7EAC #888BB5 #9799BF #A6A9C9 #B6B8D3 #C7C9DD #D9DAE7

#7B7EAC - #A6A9C9 - #D9DAE7

CSS codes

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

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