#5E6DCD - #A8B7DD | 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 #5E6DCD to #A8B7DD

#5E6DCD #A8B7DD

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

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

0.0%	0.0% #5E6DCD	RGB 94 109 205	#5E6DCD
16.7%	16.7% #6A79CF	RGB 106 121 207	#6A79CF
33.3%	33.3% #7685D2	RGB 118 133 210	#7685D2
50.0%	50.0% #8392D5	RGB 131 146 213	#8392D5
66.7%	66.7% #8F9ED7	RGB 143 158 215	#8F9ED7
83.3%	83.3% #9BAADA	RGB 155 170 218	#9BAADA
100.0%	100.0% #A8B7DD	RGB 168 183 221	#A8B7DD

#5E6DCD #6A79CF #7685D2 #8392D5 #8F9ED7 #9BAADA #A8B7DD

#5E6DCD - #A8B7DD

HSV Blend

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

0.0%	0.0% #5E6DCD	RGB 94 109 205	#5E6DCD
16.7%	16.7% #6979CF	RGB 105 121 207	#6979CF
33.3%	33.3% #7586D2	RGB 117 134 210	#7586D2
50.0%	50.0% #8193D5	RGB 129 147 213	#8193D5
66.7%	66.7% #8E9FD7	RGB 142 159 215	#8E9FD7
83.3%	83.3% #9AABDA	RGB 154 171 218	#9AABDA
100.0%	100.0% #A8B7DD	RGB 168 183 221	#A8B7DD

#5E6DCD #6979CF #7586D2 #8193D5 #8E9FD7 #9AABDA #A8B7DD

#5E6DCD - #8193D5 - #A8B7DD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6DCD 0%, #8193D5 50%, #A8B7DD 100%);
    background: -webkit-linear-gradient(top, #5E6DCD 0%, #8193D5 50%, #A8B7DD 100%);
    background: linear-gradient(to bottom, #5E6DCD 0%, #8193D5 50%, #A8B7DD 100%);
}
</style>