#5E679E - #D1D3E3 | 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 #5E679E to #D1D3E3

#5E679E #D1D3E3

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

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

0.0%	0.0% #5E679E	RGB 94 103 158	#5E679E
16.7%	16.7% #7179A9	RGB 113 121 169	#7179A9
33.3%	33.3% #848BB5	RGB 132 139 181	#848BB5
50.0%	50.0% #979DC0	RGB 151 157 192	#979DC0
66.7%	66.7% #AAAFCC	RGB 170 175 204	#AAAFCC
83.3%	83.3% #BDC1D7	RGB 189 193 215	#BDC1D7
100.0%	100.0% #D1D3E3	RGB 209 211 227	#D1D3E3

#5E679E #7179A9 #848BB5 #979DC0 #AAAFCC #BDC1D7 #D1D3E3

#5E679E - #D1D3E3

HSV Blend

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

0.0%	0.0% #5E679E	RGB 94 103 158	#5E679E
16.7%	16.7% #6E76A9	RGB 110 118 169	#6E76A9
33.3%	33.3% #7F86B5	RGB 127 134 181	#7F86B5
50.0%	50.0% #9197C0	RGB 145 151 192	#9197C0
66.7%	66.7% #A5AACC	RGB 165 170 204	#A5AACC
83.3%	83.3% #BABED7	RGB 186 190 215	#BABED7
100.0%	100.0% #D1D3E3	RGB 209 211 227	#D1D3E3

#5E679E #6E76A9 #7F86B5 #9197C0 #A5AACC #BABED7 #D1D3E3

#5E679E - #9197C0 - #D1D3E3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E679E 0%, #9197C0 50%, #D1D3E3 100%);
    background: -webkit-linear-gradient(top, #5E679E 0%, #9197C0 50%, #D1D3E3 100%);
    background: linear-gradient(to bottom, #5E679E 0%, #9197C0 50%, #D1D3E3 100%);
}
</style>