#5E74AA - #D1D7E6 | 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 #5E74AA to #D1D7E6

#5E74AA #D1D7E6

Calculate the color between two colors, #5E74AA and #D1D7E6. 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)

#5E74AA - #D1D7E6 | 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 #5E74AA as 0% and #D1D7E6 as 100%.

0.0%	0.0% #5E74AA	RGB 94 116 170	#5E74AA
16.7%	16.7% #7184B4	RGB 113 132 180	#7184B4
33.3%	33.3% #8495BE	RGB 132 149 190	#8495BE
50.0%	50.0% #97A5C8	RGB 151 165 200	#97A5C8
66.7%	66.7% #AAB6D2	RGB 170 182 210	#AAB6D2
83.3%	83.3% #BDC6DC	RGB 189 198 220	#BDC6DC
100.0%	100.0% #D1D7E6	RGB 209 215 230	#D1D7E6

#5E74AA #7184B4 #8495BE #97A5C8 #AAB6D2 #BDC6DC #D1D7E6

#5E74AA - #D1D7E6

HSV Blend

#5E74AA - #D1D7E6 | 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 #5E74AA as 0% and #D1D7E6 as 100%.

0.0%	0.0% #5E74AA	RGB 94 116 170	#5E74AA
16.7%	16.7% #6E82B4	RGB 110 130 180	#6E82B4
33.3%	33.3% #7F91BE	RGB 127 145 190	#7F91BE
50.0%	50.0% #92A1C8	RGB 146 161 200	#92A1C8
66.7%	66.7% #A5B2D2	RGB 165 178 210	#A5B2D2
83.3%	83.3% #BAC4DC	RGB 186 196 220	#BAC4DC
100.0%	100.0% #D1D7E6	RGB 209 215 230	#D1D7E6

#5E74AA #6E82B4 #7F91BE #92A1C8 #A5B2D2 #BAC4DC #D1D7E6

#5E74AA - #92A1C8 - #D1D7E6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E74AA 0%, #92A1C8 50%, #D1D7E6 100%);
    background: -webkit-linear-gradient(top, #5E74AA 0%, #92A1C8 50%, #D1D7E6 100%);
    background: linear-gradient(to bottom, #5E74AA 0%, #92A1C8 50%, #D1D7E6 100%);
}
</style>