#3C8D9C - #C5D3BE | 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 #3C8D9C to #C5D3BE

#3C8D9C #C5D3BE

Calculate the color between two colors, #3C8D9C and #C5D3BE. 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)

#3C8D9C - #C5D3BE | 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 #3C8D9C as 0% and #C5D3BE as 100%.

0.0%	0.0% #3C8D9C	RGB 60 141 156	#3C8D9C
16.7%	16.7% #5298A1	RGB 82 152 161	#5298A1
33.3%	33.3% #69A4A7	RGB 105 164 167	#69A4A7
50.0%	50.0% #80B0AD	RGB 128 176 173	#80B0AD
66.7%	66.7% #97BBB2	RGB 151 187 178	#97BBB2
83.3%	83.3% #AEC7B8	RGB 174 199 184	#AEC7B8
100.0%	100.0% #C5D3BE	RGB 197 211 190	#C5D3BE

#3C8D9C #5298A1 #69A4A7 #80B0AD #97BBB2 #AEC7B8 #C5D3BE

#3C8D9C - #C5D3BE

HSV Blend

#3C8D9C - #C5D3BE | 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 #3C8D9C as 0% and #C5D3BE as 100%.

0.0%	0.0% #3C8C9C	RGB 60 140 156	#3C8C9C
16.7%	16.7% #4DA59D	RGB 77 165 157	#4DA59D
33.3%	33.3% #61AE94	RGB 97 174 148	#61AE94
50.0%	50.0% #75B790	RGB 117 183 144	#75B790
66.7%	66.7% #8CC094	RGB 140 192 148	#8CC094
83.3%	83.3% #A7C9A4	RGB 167 201 164	#A7C9A4
100.0%	100.0% #C5D3BE	RGB 197 211 190	#C5D3BE

#3C8C9C #4DA59D #61AE94 #75B790 #8CC094 #A7C9A4 #C5D3BE

#3C8D9C - #75B790 - #C5D3BE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C8C9C 0%, #75B790 50%, #C5D3BE 100%);
    background: -webkit-linear-gradient(top, #3C8C9C 0%, #75B790 50%, #C5D3BE 100%);
    background: linear-gradient(to bottom, #3C8C9C 0%, #75B790 50%, #C5D3BE 100%);
}
</style>