#5E7D8D - #C8BEAD | 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 #5E7D8D to #C8BEAD

#5E7D8D #C8BEAD

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

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

0.0%	0.0% #5E7D8D	RGB 94 125 141	#5E7D8D
16.7%	16.7% #6F8792	RGB 111 135 146	#6F8792
33.3%	33.3% #819297	RGB 129 146 151	#819297
50.0%	50.0% #939D9D	RGB 147 157 157	#939D9D
66.7%	66.7% #A4A8A2	RGB 164 168 162	#A4A8A2
83.3%	83.3% #B6B3A7	RGB 182 179 167	#B6B3A7
100.0%	100.0% #C8BEAD	RGB 200 190 173	#C8BEAD

#5E7D8D #6F8792 #819297 #939D9D #A4A8A2 #B6B3A7 #C8BEAD

#5E7D8D - #C8BEAD

HSV Blend

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

0.0%	0.0% #5E7D8D	RGB 94 125 141	#5E7D8D
16.7%	16.7% #699691	RGB 105 150 145	#699691
33.3%	33.3% #75A088	RGB 117 160 136	#75A088
50.0%	50.0% #83AA82	RGB 131 170 130	#83AA82
66.7%	66.7% #A0B490	RGB 160 180 144	#A0B490
83.3%	83.3% #BBBE9E	RGB 187 190 158	#BBBE9E
100.0%	100.0% #C8BEAD	RGB 200 190 173	#C8BEAD

#5E7D8D #699691 #75A088 #83AA82 #A0B490 #BBBE9E #C8BEAD

#5E7D8D - #83AA82 - #C8BEAD

CSS codes

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

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