#5E86D6 - #C6B6E4 | 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 #5E86D6 to #C6B6E4

#5E86D6 #C6B6E4

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

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

0.0%	0.0% #5E86D6	RGB 94 134 214	#5E86D6
16.7%	16.7% #6F8ED8	RGB 111 142 216	#6F8ED8
33.3%	33.3% #8096DA	RGB 128 150 218	#8096DA
50.0%	50.0% #929EDD	RGB 146 158 221	#929EDD
66.7%	66.7% #A3A6DF	RGB 163 166 223	#A3A6DF
83.3%	83.3% #B4AEE1	RGB 180 174 225	#B4AEE1
100.0%	100.0% #C6B6E4	RGB 198 182 228	#C6B6E4

#5E86D6 #6F8ED8 #8096DA #929EDD #A3A6DF #B4AEE1 #C6B6E4

#5E86D6 - #C6B6E4

HSV Blend

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

0.0%	0.0% #5E86D6	RGB 94 134 214	#5E86D6
16.7%	16.7% #6B83D8	RGB 107 131 216	#6B83D8
33.3%	33.3% #7A84DA	RGB 122 132 218	#7A84DA
50.0%	50.0% #8988DD	RGB 137 136 221	#8988DD
66.7%	66.7% #A097DF	RGB 160 151 223	#A097DF
83.3%	83.3% #B4A6E1	RGB 180 166 225	#B4A6E1
100.0%	100.0% #C6B6E4	RGB 198 182 228	#C6B6E4

#5E86D6 #6B83D8 #7A84DA #8988DD #A097DF #B4A6E1 #C6B6E4

#5E86D6 - #8988DD - #C6B6E4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E86D6 0%, #8988DD 50%, #C6B6E4 100%);
    background: -webkit-linear-gradient(top, #5E86D6 0%, #8988DD 50%, #C6B6E4 100%);
    background: linear-gradient(to bottom, #5E86D6 0%, #8988DD 50%, #C6B6E4 100%);
}
</style>