#3A826C - #C6DBD5 | 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 #3A826C to #C6DBD5

#3A826C #C6DBD5

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

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

0.0%	0.0% #3A826C	RGB 58 130 108	#3A826C
16.7%	16.7% #51907D	RGB 81 144 125	#51907D
33.3%	33.3% #689F8F	RGB 104 159 143	#689F8F
50.0%	50.0% #80AEA0	RGB 128 174 160	#80AEA0
66.7%	66.7% #97BDB2	RGB 151 189 178	#97BDB2
83.3%	83.3% #AECCC3	RGB 174 204 195	#AECCC3
100.0%	100.0% #C6DBD5	RGB 198 219 213	#C6DBD5

#3A826C #51907D #689F8F #80AEA0 #97BDB2 #AECCC3 #C6DBD5

#3A826C - #C6DBD5

HSV Blend

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

0.0%	0.0% #3A826C	RGB 58 130 108	#3A826C
16.7%	16.7% #4B907B	RGB 75 144 123	#4B907B
33.3%	33.3% #5F9F8C	RGB 95 159 140	#5F9F8C
50.0%	50.0% #75AE9D	RGB 117 174 157	#75AE9D
66.7%	66.7% #8EBDAF	RGB 142 189 175	#8EBDAF
83.3%	83.3% #A9CCC2	RGB 169 204 194	#A9CCC2
100.0%	100.0% #C6DBD5	RGB 198 219 213	#C6DBD5

#3A826C #4B907B #5F9F8C #75AE9D #8EBDAF #A9CCC2 #C6DBD5

#3A826C - #75AE9D - #C6DBD5

CSS codes

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

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