#34AD8C - #CFEB9C | 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 #34AD8C to #CFEB9C

#34AD8C #CFEB9C

Calculate the color between two colors, #34AD8C and #CFEB9C. 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)

#34AD8C - #CFEB9C | 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 #34AD8C as 0% and #CFEB9C as 100%.

0.0%	0.0% #34AD8C	RGB 52 173 140	#34AD8C
16.7%	16.7% #4DB78E	RGB 77 183 142	#4DB78E
33.3%	33.3% #67C191	RGB 103 193 145	#67C191
50.0%	50.0% #81CC94	RGB 129 204 148	#81CC94
66.7%	66.7% #9BD696	RGB 155 214 150	#9BD696
83.3%	83.3% #B5E099	RGB 181 224 153	#B5E099
100.0%	100.0% #CFEB9C	RGB 207 235 156	#CFEB9C

#34AD8C #4DB78E #67C191 #81CC94 #9BD696 #B5E099 #CFEB9C

#34AD8C - #CFEB9C

HSV Blend

#34AD8C - #CFEB9C | 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 #34AD8C as 0% and #CFEB9C as 100%.

0.0%	0.0% #34AD8C	RGB 52 173 140	#34AD8C
16.7%	16.7% #42B77C	RGB 66 183 124	#42B77C
33.3%	33.3% #51C16F	RGB 81 193 111	#51C16F
50.0%	50.0% #62CC66	RGB 98 204 102	#62CC66
66.7%	66.7% #86D674	RGB 134 214 116	#86D674
83.3%	83.3% #ACE087	RGB 172 224 135	#ACE087
100.0%	100.0% #CFEB9C	RGB 207 235 156	#CFEB9C

#34AD8C #42B77C #51C16F #62CC66 #86D674 #ACE087 #CFEB9C

#34AD8C - #62CC66 - #CFEB9C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #34AD8C 0%, #62CC66 50%, #CFEB9C 100%);
    background: -webkit-linear-gradient(top, #34AD8C 0%, #62CC66 50%, #CFEB9C 100%);
    background: linear-gradient(to bottom, #34AD8C 0%, #62CC66 50%, #CFEB9C 100%);
}
</style>