#5E60BE - #D1D2EC | 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 #5E60BE to #D1D2EC

#5E60BE #D1D2EC

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

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

0.0%	0.0% #5E60BE	RGB 94 96 190	#5E60BE
16.7%	16.7% #7173C5	RGB 113 115 197	#7173C5
33.3%	33.3% #8486CD	RGB 132 134 205	#8486CD
50.0%	50.0% #9799D5	RGB 151 153 213	#9799D5
66.7%	66.7% #AAACDC	RGB 170 172 220	#AAACDC
83.3%	83.3% #BDBFE4	RGB 189 191 228	#BDBFE4
100.0%	100.0% #D1D2EC	RGB 209 210 236	#D1D2EC

#5E60BE #7173C5 #8486CD #9799D5 #AAACDC #BDBFE4 #D1D2EC

#5E60BE - #D1D2EC

HSV Blend

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

0.0%	0.0% #5E60BE	RGB 94 96 190	#5E60BE
16.7%	16.7% #6E70C5	RGB 110 112 197	#6E70C5
33.3%	33.3% #8082CD	RGB 128 130 205	#8082CD
50.0%	50.0% #9394D5	RGB 147 148 213	#9394D5
66.7%	66.7% #A6A8DC	RGB 166 168 220	#A6A8DC
83.3%	83.3% #BBBCE4	RGB 187 188 228	#BBBCE4
100.0%	100.0% #D1D2EC	RGB 209 210 236	#D1D2EC

#5E60BE #6E70C5 #8082CD #9394D5 #A6A8DC #BBBCE4 #D1D2EC

#5E60BE - #9394D5 - #D1D2EC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E60BE 0%, #9394D5 50%, #D1D2EC 100%);
    background: -webkit-linear-gradient(top, #5E60BE 0%, #9394D5 50%, #D1D2EC 100%);
    background: linear-gradient(to bottom, #5E60BE 0%, #9394D5 50%, #D1D2EC 100%);
}
</style>