#5E63BA - #D1D2EB | 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 #5E63BA to #D1D2EB

#5E63BA #D1D2EB

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

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

0.0%	0.0% #5E63BA	RGB 94 99 186	#5E63BA
16.7%	16.7% #7175C2	RGB 113 117 194	#7175C2
33.3%	33.3% #8488CA	RGB 132 136 202	#8488CA
50.0%	50.0% #979AD2	RGB 151 154 210	#979AD2
66.7%	66.7% #AAADDA	RGB 170 173 218	#AAADDA
83.3%	83.3% #BDBFE2	RGB 189 191 226	#BDBFE2
100.0%	100.0% #D1D2EB	RGB 209 210 235	#D1D2EB

#5E63BA #7175C2 #8488CA #979AD2 #AAADDA #BDBFE2 #D1D2EB

#5E63BA - #D1D2EB

HSV Blend

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

0.0%	0.0% #5E63BA	RGB 94 99 186	#5E63BA
16.7%	16.7% #6E72C2	RGB 110 114 194	#6E72C2
33.3%	33.3% #8083CA	RGB 128 131 202	#8083CA
50.0%	50.0% #9295D2	RGB 146 149 210	#9295D2
66.7%	66.7% #A6A8DA	RGB 166 168 218	#A6A8DA
83.3%	83.3% #BBBCE2	RGB 187 188 226	#BBBCE2
100.0%	100.0% #D1D2EB	RGB 209 210 235	#D1D2EB

#5E63BA #6E72C2 #8083CA #9295D2 #A6A8DA #BBBCE2 #D1D2EB

#5E63BA - #9295D2 - #D1D2EB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E63BA 0%, #9295D2 50%, #D1D2EB 100%);
    background: -webkit-linear-gradient(top, #5E63BA 0%, #9295D2 50%, #D1D2EB 100%);
    background: linear-gradient(to bottom, #5E63BA 0%, #9295D2 50%, #D1D2EB 100%);
}
</style>