#D5E2E5 - #7590B2 | 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 #D5E2E5 to #7590B2

#D5E2E5 #7590B2

Calculate the color between two colors, #D5E2E5 and #7590B2. 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)

#D5E2E5 - #7590B2 | 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 #D5E2E5 as 0% and #7590B2 as 100%.

0.0%	0.0% #D5E2E5	RGB 213 226 229	#D5E2E5
16.7%	16.7% #C5D4DC	RGB 197 212 220	#C5D4DC
33.3%	33.3% #B5C6D4	RGB 181 198 212	#B5C6D4
50.0%	50.0% #A5B9CB	RGB 165 185 203	#A5B9CB
66.7%	66.7% #95ABC3	RGB 149 171 195	#95ABC3
83.3%	83.3% #859DBA	RGB 133 157 186	#859DBA
100.0%	100.0% #7590B2	RGB 117 144 178	#7590B2

#D5E2E5 #C5D4DC #B5C6D4 #A5B9CB #95ABC3 #859DBA #7590B2

#D5E2E5 - #7590B2

HSV Blend

#D5E2E5 - #7590B2 | 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 #D5E2E5 as 0% and #7590B2 as 100%.

0.0%	0.0% #D5E2E5	RGB 213 226 229	#D5E2E5
16.7%	16.7% #C3D6DC	RGB 195 214 220	#C3D6DC
33.3%	33.3% #B1C9D4	RGB 177 201 212	#B1C9D4
50.0%	50.0% #A1BBCB	RGB 161 187 203	#A1BBCB
66.7%	66.7% #91ADC3	RGB 145 173 195	#91ADC3
83.3%	83.3% #839FBA	RGB 131 159 186	#839FBA
100.0%	100.0% #7590B2	RGB 117 144 178	#7590B2

#D5E2E5 #C3D6DC #B1C9D4 #A1BBCB #91ADC3 #839FBA #7590B2

#D5E2E5 - #A1BBCB - #7590B2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D5E2E5 0%, #A1BBCB 50%, #7590B2 100%);
    background: -webkit-linear-gradient(top, #D5E2E5 0%, #A1BBCB 50%, #7590B2 100%);
    background: linear-gradient(to bottom, #D5E2E5 0%, #A1BBCB 50%, #7590B2 100%);
}
</style>