#5E68C3 - #D1D3ED | 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 #5E68C3 to #D1D3ED

#5E68C3 #D1D3ED

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

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

0.0%	0.0% #5E68C3	RGB 94 104 195	#5E68C3
16.7%	16.7% #7179CA	RGB 113 121 202	#7179CA
33.3%	33.3% #848BD1	RGB 132 139 209	#848BD1
50.0%	50.0% #979DD8	RGB 151 157 216	#979DD8
66.7%	66.7% #AAAFDF	RGB 170 175 223	#AAAFDF
83.3%	83.3% #BDC1E6	RGB 189 193 230	#BDC1E6
100.0%	100.0% #D1D3ED	RGB 209 211 237	#D1D3ED

#5E68C3 #7179CA #848BD1 #979DD8 #AAAFDF #BDC1E6 #D1D3ED

#5E68C3 - #D1D3ED

HSV Blend

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

0.0%	0.0% #5E68C3	RGB 94 104 195	#5E68C3
16.7%	16.7% #6E77CA	RGB 110 119 202	#6E77CA
33.3%	33.3% #8087D1	RGB 128 135 209	#8087D1
50.0%	50.0% #9399D8	RGB 147 153 216	#9399D8
66.7%	66.7% #A6ABDF	RGB 166 171 223	#A6ABDF
83.3%	83.3% #BBBEE6	RGB 187 190 230	#BBBEE6
100.0%	100.0% #D1D3ED	RGB 209 211 237	#D1D3ED

#5E68C3 #6E77CA #8087D1 #9399D8 #A6ABDF #BBBEE6 #D1D3ED

#5E68C3 - #9399D8 - #D1D3ED

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E68C3 0%, #9399D8 50%, #D1D3ED 100%);
    background: -webkit-linear-gradient(top, #5E68C3 0%, #9399D8 50%, #D1D3ED 100%);
    background: linear-gradient(to bottom, #5E68C3 0%, #9399D8 50%, #D1D3ED 100%);
}
</style>