#7EB4D9 - #D9D4FB | 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 #7EB4D9 to #D9D4FB

#7EB4D9 #D9D4FB

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

#7EB4D9 - #D9D4FB | 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 #7EB4D9 as 0% and #D9D4FB as 100%.

0.0%	0.0% #7EB4D9	RGB 126 180 217	#7EB4D9
16.7%	16.7% #8DB9DE	RGB 141 185 222	#8DB9DE
33.3%	33.3% #9CBEE4	RGB 156 190 228	#9CBEE4
50.0%	50.0% #ABC4EA	RGB 171 196 234	#ABC4EA
66.7%	66.7% #BAC9EF	RGB 186 201 239	#BAC9EF
83.3%	83.3% #C9CEF5	RGB 201 206 245	#C9CEF5
100.0%	100.0% #D9D4FB	RGB 217 212 251	#D9D4FB

#7EB4D9 #8DB9DE #9CBEE4 #ABC4EA #BAC9EF #C9CEF5 #D9D4FB

#7EB4D9 - #D9D4FB

HSV Blend

#7EB4D9 - #D9D4FB | 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 #7EB4D9 as 0% and #D9D4FB as 100%.

0.0%	0.0% #7EB4D9	RGB 126 180 217	#7EB4D9
16.7%	16.7% #8BB2DE	RGB 139 178 222	#8BB2DE
33.3%	33.3% #98B3E4	RGB 152 179 228	#98B3E4
50.0%	50.0% #A6B6EA	RGB 166 182 234	#A6B6EA
66.7%	66.7% #B5BBEF	RGB 181 187 239	#B5BBEF
83.3%	83.3% #C4C4F5	RGB 196 196 245	#C4C4F5
100.0%	100.0% #D9D4FB	RGB 217 212 251	#D9D4FB

#7EB4D9 #8BB2DE #98B3E4 #A6B6EA #B5BBEF #C4C4F5 #D9D4FB

#7EB4D9 - #A6B6EA - #D9D4FB

CSS codes

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

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