#7B81CD - #D9DBF0 | 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 #7B81CD to #D9DBF0

#7B81CD #D9DBF0

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

#7B81CD - #D9DBF0 | 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 #7B81CD as 0% and #D9DBF0 as 100%.

0.0%	0.0% #7B81CD	RGB 123 129 205	#7B81CD
16.7%	16.7% #8A90D2	RGB 138 144 210	#8A90D2
33.3%	33.3% #9A9FD8	RGB 154 159 216	#9A9FD8
50.0%	50.0% #AAAEDE	RGB 170 174 222	#AAAEDE
66.7%	66.7% #B9BDE4	RGB 185 189 228	#B9BDE4
83.3%	83.3% #C9CCEA	RGB 201 204 234	#C9CCEA
100.0%	100.0% #D9DBF0	RGB 217 219 240	#D9DBF0

#7B81CD #8A90D2 #9A9FD8 #AAAEDE #B9BDE4 #C9CCEA #D9DBF0

#7B81CD - #D9DBF0

HSV Blend

#7B81CD - #D9DBF0 | 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 #7B81CD as 0% and #D9DBF0 as 100%.

0.0%	0.0% #7B80CD	RGB 123 128 205	#7B80CD
16.7%	16.7% #898ED2	RGB 137 142 210	#898ED2
33.3%	33.3% #979CD8	RGB 151 156 216	#979CD8
50.0%	50.0% #A7ABDE	RGB 167 171 222	#A7ABDE
66.7%	66.7% #B7BBE4	RGB 183 187 228	#B7BBE4
83.3%	83.3% #C7CAEA	RGB 199 202 234	#C7CAEA
100.0%	100.0% #D9DBF0	RGB 217 219 240	#D9DBF0

#7B80CD #898ED2 #979CD8 #A7ABDE #B7BBE4 #C7CAEA #D9DBF0

#7B81CD - #A7ABDE - #D9DBF0

CSS codes

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

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