#5E73BE - #D1DDCB | 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 #5E73BE to #D1DDCB

#5E73BE #D1DDCB

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

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

0.0%	0.0% #5E73BE	RGB 94 115 190	#5E73BE
16.7%	16.7% #7184C0	RGB 113 132 192	#7184C0
33.3%	33.3% #8496C2	RGB 132 150 194	#8496C2
50.0%	50.0% #97A8C4	RGB 151 168 196	#97A8C4
66.7%	66.7% #AAB9C6	RGB 170 185 198	#AAB9C6
83.3%	83.3% #BDCBC8	RGB 189 203 200	#BDCBC8
100.0%	100.0% #D1DDCB	RGB 209 221 203	#D1DDCB

#5E73BE #7184C0 #8496C2 #97A8C4 #AAB9C6 #BDCBC8 #D1DDCB

#5E73BE - #D1DDCB

HSV Blend

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

0.0%	0.0% #5E73BE	RGB 94 115 190	#5E73BE
16.7%	16.7% #6E9EC3	RGB 110 158 195	#6E9EC3
33.3%	33.3% #7FC2C8	RGB 127 194 200	#7FC2C8
50.0%	50.0% #91CDBC	RGB 145 205 188	#91CDBC
66.7%	66.7% #A3D2B5	RGB 163 210 181	#A3D2B5
83.3%	83.3% #B7D7B7	RGB 183 215 183	#B7D7B7
100.0%	100.0% #D1DDCB	RGB 209 221 203	#D1DDCB

#5E73BE #6E9EC3 #7FC2C8 #91CDBC #A3D2B5 #B7D7B7 #D1DDCB

#5E73BE - #91CDBC - #D1DDCB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E73BE 0%, #91CDBC 50%, #D1DDCB 100%);
    background: -webkit-linear-gradient(top, #5E73BE 0%, #91CDBC 50%, #D1DDCB 100%);
    background: linear-gradient(to bottom, #5E73BE 0%, #91CDBC 50%, #D1DDCB 100%);
}
</style>