#5E7D8C - #C8BEAC | 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 #5E7D8C to #C8BEAC

#5E7D8C #C8BEAC

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

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

0.0%	0.0% #5E7D8C	RGB 94 125 140	#5E7D8C
16.7%	16.7% #6F8791	RGB 111 135 145	#6F8791
33.3%	33.3% #819296	RGB 129 146 150	#819296
50.0%	50.0% #939D9C	RGB 147 157 156	#939D9C
66.7%	66.7% #A4A8A1	RGB 164 168 161	#A4A8A1
83.3%	83.3% #B6B3A6	RGB 182 179 166	#B6B3A6
100.0%	100.0% #C8BEAC	RGB 200 190 172	#C8BEAC

#5E7D8C #6F8791 #819296 #939D9C #A4A8A1 #B6B3A6 #C8BEAC

#5E7D8C - #C8BEAC

HSV Blend

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

0.0%	0.0% #5E7D8C	RGB 94 125 140	#5E7D8C
16.7%	16.7% #699690	RGB 105 150 144	#699690
33.3%	33.3% #75A087	RGB 117 160 135	#75A087
50.0%	50.0% #82AA82	RGB 130 170 130	#82AA82
66.7%	66.7% #A0B48F	RGB 160 180 143	#A0B48F
83.3%	83.3% #BBBE9D	RGB 187 190 157	#BBBE9D
100.0%	100.0% #C8BEAC	RGB 200 190 172	#C8BEAC

#5E7D8C #699690 #75A087 #82AA82 #A0B48F #BBBE9D #C8BEAC

#5E7D8C - #82AA82 - #C8BEAC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7D8C 0%, #82AA82 50%, #C8BEAC 100%);
    background: -webkit-linear-gradient(top, #5E7D8C 0%, #82AA82 50%, #C8BEAC 100%);
    background: linear-gradient(to bottom, #5E7D8C 0%, #82AA82 50%, #C8BEAC 100%);
}
</style>