#35A66F - #C5E5D5 | 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 #35A66F to #C5E5D5

#35A66F #C5E5D5

Calculate the color between two colors, #35A66F and #C5E5D5. 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)

#35A66F - #C5E5D5 | 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 #35A66F as 0% and #C5E5D5 as 100%.

0.0%	0.0% #35A66F	RGB 53 166 111	#35A66F
16.7%	16.7% #4DB080	RGB 77 176 128	#4DB080
33.3%	33.3% #65BB91	RGB 101 187 145	#65BB91
50.0%	50.0% #7DC5A2	RGB 125 197 162	#7DC5A2
66.7%	66.7% #95D0B3	RGB 149 208 179	#95D0B3
83.3%	83.3% #ADDAC4	RGB 173 218 196	#ADDAC4
100.0%	100.0% #C5E5D5	RGB 197 229 213	#C5E5D5

#35A66F #4DB080 #65BB91 #7DC5A2 #95D0B3 #ADDAC4 #C5E5D5

#35A66F - #C5E5D5

HSV Blend

#35A66F - #C5E5D5 | 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 #35A66F as 0% and #C5E5D5 as 100%.

0.0%	0.0% #35A66F	RGB 53 166 111	#35A66F
16.7%	16.7% #48B07D	RGB 72 176 125	#48B07D
33.3%	33.3% #5DBB8D	RGB 93 187 141	#5DBB8D
50.0%	50.0% #74C59D	RGB 116 197 157	#74C59D
66.7%	66.7% #8DD0AF	RGB 141 208 175	#8DD0AF
83.3%	83.3% #A8DAC1	RGB 168 218 193	#A8DAC1
100.0%	100.0% #C5E5D5	RGB 197 229 213	#C5E5D5

#35A66F #48B07D #5DBB8D #74C59D #8DD0AF #A8DAC1 #C5E5D5

#35A66F - #74C59D - #C5E5D5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #35A66F 0%, #74C59D 50%, #C5E5D5 100%);
    background: -webkit-linear-gradient(top, #35A66F 0%, #74C59D 50%, #C5E5D5 100%);
    background: linear-gradient(to bottom, #35A66F 0%, #74C59D 50%, #C5E5D5 100%);
}
</style>