#5E60A2 - #D1D2E4 | 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 #5E60A2 to #D1D2E4

#5E60A2 #D1D2E4

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

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

0.0%	0.0% #5E60A2	RGB 94 96 162	#5E60A2
16.7%	16.7% #7173AD	RGB 113 115 173	#7173AD
33.3%	33.3% #8486B8	RGB 132 134 184	#8486B8
50.0%	50.0% #9799C3	RGB 151 153 195	#9799C3
66.7%	66.7% #AAACCE	RGB 170 172 206	#AAACCE
83.3%	83.3% #BDBFD9	RGB 189 191 217	#BDBFD9
100.0%	100.0% #D1D2E4	RGB 209 210 228	#D1D2E4

#5E60A2 #7173AD #8486B8 #9799C3 #AAACCE #BDBFD9 #D1D2E4

#5E60A2 - #D1D2E4

HSV Blend

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

0.0%	0.0% #5E60A2	RGB 94 96 162	#5E60A2
16.7%	16.7% #6E70AD	RGB 110 112 173	#6E70AD
33.3%	33.3% #7F81B8	RGB 127 129 184	#7F81B8
50.0%	50.0% #9193C3	RGB 145 147 195	#9193C3
66.7%	66.7% #A5A7CE	RGB 165 167 206	#A5A7CE
83.3%	83.3% #BABCD9	RGB 186 188 217	#BABCD9
100.0%	100.0% #D1D2E4	RGB 209 210 228	#D1D2E4

#5E60A2 #6E70AD #7F81B8 #9193C3 #A5A7CE #BABCD9 #D1D2E4

#5E60A2 - #9193C3 - #D1D2E4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E60A2 0%, #9193C3 50%, #D1D2E4 100%);
    background: -webkit-linear-gradient(top, #5E60A2 0%, #9193C3 50%, #D1D2E4 100%);
    background: linear-gradient(to bottom, #5E60A2 0%, #9193C3 50%, #D1D2E4 100%);
}
</style>