#D5E4FB - #7A9ECE | 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 #D5E4FB to #7A9ECE

#D5E4FB #7A9ECE

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

#D5E4FB - #7A9ECE | 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 #D5E4FB as 0% and #7A9ECE as 100%.

0.0%	0.0% #D5E4FB	RGB 213 228 251	#D5E4FB
16.7%	16.7% #C5D8F3	RGB 197 216 243	#C5D8F3
33.3%	33.3% #B6CCEC	RGB 182 204 236	#B6CCEC
50.0%	50.0% #A7C1E4	RGB 167 193 228	#A7C1E4
66.7%	66.7% #98B5DD	RGB 152 181 221	#98B5DD
83.3%	83.3% #89A9D5	RGB 137 169 213	#89A9D5
100.0%	100.0% #7A9ECE	RGB 122 158 206	#7A9ECE

#D5E4FB #C5D8F3 #B6CCEC #A7C1E4 #98B5DD #89A9D5 #7A9ECE

#D5E4FB - #7A9ECE

HSV Blend

#D5E4FB - #7A9ECE | 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 #D5E4FB as 0% and #7A9ECE as 100%.

0.0%	0.0% #D5E4FB	RGB 213 228 251	#D5E4FB
16.7%	16.7% #C4D7F3	RGB 196 215 243	#C4D7F3
33.3%	33.3% #B4CAEC	RGB 180 202 236	#B4CAEC
50.0%	50.0% #A4BEE4	RGB 164 190 228	#A4BEE4
66.7%	66.7% #95B3DD	RGB 149 179 221	#95B3DD
83.3%	83.3% #87A8D5	RGB 135 168 213	#87A8D5
100.0%	100.0% #7A9ECE	RGB 122 158 206	#7A9ECE

#D5E4FB #C4D7F3 #B4CAEC #A4BEE4 #95B3DD #87A8D5 #7A9ECE

#D5E4FB - #A4BEE4 - #7A9ECE

CSS codes

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

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