#5E68BF - #D1D3EC | 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 #5E68BF to #D1D3EC

#5E68BF #D1D3EC

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

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

0.0%	0.0% #5E68BF	RGB 94 104 191	#5E68BF
16.7%	16.7% #7179C6	RGB 113 121 198	#7179C6
33.3%	33.3% #848BCE	RGB 132 139 206	#848BCE
50.0%	50.0% #979DD5	RGB 151 157 213	#979DD5
66.7%	66.7% #AAAFDD	RGB 170 175 221	#AAAFDD
83.3%	83.3% #BDC1E4	RGB 189 193 228	#BDC1E4
100.0%	100.0% #D1D3EC	RGB 209 211 236	#D1D3EC

#5E68BF #7179C6 #848BCE #979DD5 #AAAFDD #BDC1E4 #D1D3EC

#5E68BF - #D1D3EC

HSV Blend

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

0.0%	0.0% #5E68BF	RGB 94 104 191	#5E68BF
16.7%	16.7% #6E77C6	RGB 110 119 198	#6E77C6
33.3%	33.3% #8087CE	RGB 128 135 206	#8087CE
50.0%	50.0% #9398D5	RGB 147 152 213	#9398D5
66.7%	66.7% #A6ABDD	RGB 166 171 221	#A6ABDD
83.3%	83.3% #BBBEE4	RGB 187 190 228	#BBBEE4
100.0%	100.0% #D1D3EC	RGB 209 211 236	#D1D3EC

#5E68BF #6E77C6 #8087CE #9398D5 #A6ABDD #BBBEE4 #D1D3EC

#5E68BF - #9398D5 - #D1D3EC

CSS codes

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

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