#5C7993 - #C0BBB1 | 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 #5C7993 to #C0BBB1

#5C7993 #C0BBB1

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

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

0.0%	0.0% #5C7993	RGB 92 121 147	#5C7993
16.7%	16.7% #6C8498	RGB 108 132 152	#6C8498
33.3%	33.3% #7D8F9D	RGB 125 143 157	#7D8F9D
50.0%	50.0% #8E9AA2	RGB 142 154 162	#8E9AA2
66.7%	66.7% #9EA5A7	RGB 158 165 167	#9EA5A7
83.3%	83.3% #AFB0AC	RGB 175 176 172	#AFB0AC
100.0%	100.0% #C0BBB1	RGB 192 187 177	#C0BBB1

#5C7993 #6C8498 #7D8F9D #8E9AA2 #9EA5A7 #AFB0AC #C0BBB1

#5C7993 - #C0BBB1

HSV Blend

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

0.0%	0.0% #5C7993	RGB 92 121 147	#5C7993
16.7%	16.7% #689A9A	RGB 104 154 154	#689A9A
33.3%	33.3% #75A28D	RGB 117 162 141	#75A28D
50.0%	50.0% #83A985	RGB 131 169 133	#83A985
66.7%	66.7% #9EB191	RGB 158 177 145	#9EB191
83.3%	83.3% #B5B8A0	RGB 181 184 160	#B5B8A0
100.0%	100.0% #C0BBB1	RGB 192 187 177	#C0BBB1

#5C7993 #689A9A #75A28D #83A985 #9EB191 #B5B8A0 #C0BBB1

#5C7993 - #83A985 - #C0BBB1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5C7993 0%, #83A985 50%, #C0BBB1 100%);
    background: -webkit-linear-gradient(top, #5C7993 0%, #83A985 50%, #C0BBB1 100%);
    background: linear-gradient(to bottom, #5C7993 0%, #83A985 50%, #C0BBB1 100%);
}
</style>