#7C8BA1 - #D9DEE4 | 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 #7C8BA1 to #D9DEE4

#7C8BA1 #D9DEE4

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

#7C8BA1 - #D9DEE4 | 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 #7C8BA1 as 0% and #D9DEE4 as 100%.

0.0%	0.0% #7C8BA1	RGB 124 139 161	#7C8BA1
16.7%	16.7% #8B98AC	RGB 139 152 172	#8B98AC
33.3%	33.3% #9BA6B7	RGB 155 166 183	#9BA6B7
50.0%	50.0% #AAB4C2	RGB 170 180 194	#AAB4C2
66.7%	66.7% #BAC2CD	RGB 186 194 205	#BAC2CD
83.3%	83.3% #C9D0D8	RGB 201 208 216	#C9D0D8
100.0%	100.0% #D9DEE4	RGB 217 222 228	#D9DEE4

#7C8BA1 #8B98AC #9BA6B7 #AAB4C2 #BAC2CD #C9D0D8 #D9DEE4

#7C8BA1 - #D9DEE4

HSV Blend

#7C8BA1 - #D9DEE4 | 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 #7C8BA1 as 0% and #D9DEE4 as 100%.

0.0%	0.0% #7C8BA1	RGB 124 139 161	#7C8BA1
16.7%	16.7% #8998AC	RGB 137 152 172	#8998AC
33.3%	33.3% #98A5B7	RGB 152 165 183	#98A5B7
50.0%	50.0% #A7B3C2	RGB 167 179 194	#A7B3C2
66.7%	66.7% #B7C1CD	RGB 183 193 205	#B7C1CD
83.3%	83.3% #C7CFD8	RGB 199 207 216	#C7CFD8
100.0%	100.0% #D9DEE4	RGB 217 222 228	#D9DEE4

#7C8BA1 #8998AC #98A5B7 #A7B3C2 #B7C1CD #C7CFD8 #D9DEE4

#7C8BA1 - #A7B3C2 - #D9DEE4

CSS codes

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

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