#5E72BC - #A8B7D2 | 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 #5E72BC to #A8B7D2

#5E72BC #A8B7D2

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

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

0.0%	0.0% #5E72BC	RGB 94 114 188	#5E72BC
16.7%	16.7% #6A7DBF	RGB 106 125 191	#6A7DBF
33.3%	33.3% #7689C3	RGB 118 137 195	#7689C3
50.0%	50.0% #8394C7	RGB 131 148 199	#8394C7
66.7%	66.7% #8FA0CA	RGB 143 160 202	#8FA0CA
83.3%	83.3% #9BABCE	RGB 155 171 206	#9BABCE
100.0%	100.0% #A8B7D2	RGB 168 183 210	#A8B7D2

#5E72BC #6A7DBF #7689C3 #8394C7 #8FA0CA #9BABCE #A8B7D2

#5E72BC - #A8B7D2

HSV Blend

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

0.0%	0.0% #5E72BC	RGB 94 114 188	#5E72BC
16.7%	16.7% #697DBF	RGB 105 125 191	#697DBF
33.3%	33.3% #7589C3	RGB 117 137 195	#7589C3
50.0%	50.0% #8195C7	RGB 129 149 199	#8195C7
66.7%	66.7% #8DA0CA	RGB 141 160 202	#8DA0CA
83.3%	83.3% #9AABCE	RGB 154 171 206	#9AABCE
100.0%	100.0% #A8B7D2	RGB 168 183 210	#A8B7D2

#5E72BC #697DBF #7589C3 #8195C7 #8DA0CA #9AABCE #A8B7D2

#5E72BC - #8195C7 - #A8B7D2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E72BC 0%, #8195C7 50%, #A8B7D2 100%);
    background: -webkit-linear-gradient(top, #5E72BC 0%, #8195C7 50%, #A8B7D2 100%);
    background: linear-gradient(to bottom, #5E72BC 0%, #8195C7 50%, #A8B7D2 100%);
}
</style>