#5E65B8 - #D1D2EA | 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 #5E65B8 to #D1D2EA

#5E65B8 #D1D2EA

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

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

0.0%	0.0% #5E65B8	RGB 94 101 184	#5E65B8
16.7%	16.7% #7177C0	RGB 113 119 192	#7177C0
33.3%	33.3% #8489C8	RGB 132 137 200	#8489C8
50.0%	50.0% #979BD1	RGB 151 155 209	#979BD1
66.7%	66.7% #AAADD9	RGB 170 173 217	#AAADD9
83.3%	83.3% #BDBFE1	RGB 189 191 225	#BDBFE1
100.0%	100.0% #D1D2EA	RGB 209 210 234	#D1D2EA

#5E65B8 #7177C0 #8489C8 #979BD1 #AAADD9 #BDBFE1 #D1D2EA

#5E65B8 - #D1D2EA

HSV Blend

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

0.0%	0.0% #5E65B8	RGB 94 101 184	#5E65B8
16.7%	16.7% #6E74C0	RGB 110 116 192	#6E74C0
33.3%	33.3% #8084C8	RGB 128 132 200	#8084C8
50.0%	50.0% #9296D1	RGB 146 150 209	#9296D1
66.7%	66.7% #A6A9D9	RGB 166 169 217	#A6A9D9
83.3%	83.3% #BBBCE1	RGB 187 188 225	#BBBCE1
100.0%	100.0% #D1D2EA	RGB 209 210 234	#D1D2EA

#5E65B8 #6E74C0 #8084C8 #9296D1 #A6A9D9 #BBBCE1 #D1D2EA

#5E65B8 - #9296D1 - #D1D2EA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E65B8 0%, #9296D1 50%, #D1D2EA 100%);
    background: -webkit-linear-gradient(top, #5E65B8 0%, #9296D1 50%, #D1D2EA 100%);
    background: linear-gradient(to bottom, #5E65B8 0%, #9296D1 50%, #D1D2EA 100%);
}
</style>