#5E89A4 - #C8C7BD | 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 #5E89A4 to #C8C7BD

#5E89A4 #C8C7BD

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

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

0.0%	0.0% #5E89A4	RGB 94 137 164	#5E89A4
16.7%	16.7% #6F93A8	RGB 111 147 168	#6F93A8
33.3%	33.3% #819DAC	RGB 129 157 172	#819DAC
50.0%	50.0% #93A8B0	RGB 147 168 176	#93A8B0
66.7%	66.7% #A4B2B4	RGB 164 178 180	#A4B2B4
83.3%	83.3% #B6BCB8	RGB 182 188 184	#B6BCB8
100.0%	100.0% #C8C7BD	RGB 200 199 189	#C8C7BD

#5E89A4 #6F93A8 #819DAC #93A8B0 #A4B2B4 #B6BCB8 #C8C7BD

#5E89A4 - #C8C7BD

HSV Blend

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

0.0%	0.0% #5E89A4	RGB 94 137 164	#5E89A4
16.7%	16.7% #6BAAA8	RGB 107 170 168	#6BAAA8
33.3%	33.3% #7AB098	RGB 122 176 152	#7AB098
50.0%	50.0% #8AB690	RGB 138 182 144	#8AB690
66.7%	66.7% #A3BC9A	RGB 163 188 154	#A3BC9A
83.3%	83.3% #BAC2AB	RGB 186 194 171	#BAC2AB
100.0%	100.0% #C8C7BD	RGB 200 199 189	#C8C7BD

#5E89A4 #6BAAA8 #7AB098 #8AB690 #A3BC9A #BAC2AB #C8C7BD

#5E89A4 - #8AB690 - #C8C7BD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E89A4 0%, #8AB690 50%, #C8C7BD 100%);
    background: -webkit-linear-gradient(top, #5E89A4 0%, #8AB690 50%, #C8C7BD 100%);
    background: linear-gradient(to bottom, #5E89A4 0%, #8AB690 50%, #C8C7BD 100%);
}
</style>