#5E6492 - #D1D2DF | 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 #5E6492 to #D1D2DF

#5E6492 #D1D2DF

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

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

0.0%	0.0% #5E6492	RGB 94 100 146	#5E6492
16.7%	16.7% #71769E	RGB 113 118 158	#71769E
33.3%	33.3% #8488AB	RGB 132 136 171	#8488AB
50.0%	50.0% #979BB8	RGB 151 155 184	#979BB8
66.7%	66.7% #AAADC5	RGB 170 173 197	#AAADC5
83.3%	83.3% #BDBFD2	RGB 189 191 210	#BDBFD2
100.0%	100.0% #D1D2DF	RGB 209 210 223	#D1D2DF

#5E6492 #71769E #8488AB #979BB8 #AAADC5 #BDBFD2 #D1D2DF

#5E6492 - #D1D2DF

HSV Blend

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

0.0%	0.0% #5E6492	RGB 94 100 146	#5E6492
16.7%	16.7% #6E739E	RGB 110 115 158	#6E739E
33.3%	33.3% #7F83AB	RGB 127 131 171	#7F83AB
50.0%	50.0% #9195B8	RGB 145 149 184	#9195B8
66.7%	66.7% #A5A8C5	RGB 165 168 197	#A5A8C5
83.3%	83.3% #BABCD2	RGB 186 188 210	#BABCD2
100.0%	100.0% #D1D2DF	RGB 209 210 223	#D1D2DF

#5E6492 #6E739E #7F83AB #9195B8 #A5A8C5 #BABCD2 #D1D2DF

#5E6492 - #9195B8 - #D1D2DF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6492 0%, #9195B8 50%, #D1D2DF 100%);
    background: -webkit-linear-gradient(top, #5E6492 0%, #9195B8 50%, #D1D2DF 100%);
    background: linear-gradient(to bottom, #5E6492 0%, #9195B8 50%, #D1D2DF 100%);
}
</style>