#38BDB7 - #C7EBAE | 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 #38BDB7 to #C7EBAE

#38BDB7 #C7EBAE

Calculate the color between two colors, #38BDB7 and #C7EBAE. 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)

#38BDB7 - #C7EBAE | 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 #38BDB7 as 0% and #C7EBAE as 100%.

0.0%	0.0% #38BDB7	RGB 56 189 183	#38BDB7
16.7%	16.7% #4FC4B5	RGB 79 196 181	#4FC4B5
33.3%	33.3% #67CCB4	RGB 103 204 180	#67CCB4
50.0%	50.0% #7FD4B2	RGB 127 212 178	#7FD4B2
66.7%	66.7% #97DBB1	RGB 151 219 177	#97DBB1
83.3%	83.3% #AFE3AF	RGB 175 227 175	#AFE3AF
100.0%	100.0% #C7EBAE	RGB 199 235 174	#C7EBAE

#38BDB7 #4FC4B5 #67CCB4 #7FD4B2 #97DBB1 #AFE3AF #C7EBAE

#38BDB7 - #C7EBAE

HSV Blend

#38BDB7 - #C7EBAE | 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 #38BDB7 as 0% and #C7EBAE as 100%.

0.0%	0.0% #38BDB7	RGB 56 189 183	#38BDB7
16.7%	16.7% #48C4A2	RGB 72 196 162	#48C4A2
33.3%	33.3% #5ACC93	RGB 90 204 147	#5ACC93
50.0%	50.0% #6DD489	RGB 109 212 137	#6DD489
66.7%	66.7% #82DB86	RGB 130 219 134	#82DB86
83.3%	83.3% #A5E397	RGB 165 227 151	#A5E397
100.0%	100.0% #C7EBAE	RGB 199 235 174	#C7EBAE

#38BDB7 #48C4A2 #5ACC93 #6DD489 #82DB86 #A5E397 #C7EBAE

#38BDB7 - #6DD489 - #C7EBAE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #38BDB7 0%, #6DD489 50%, #C7EBAE 100%);
    background: -webkit-linear-gradient(top, #38BDB7 0%, #6DD489 50%, #C7EBAE 100%);
    background: linear-gradient(to bottom, #38BDB7 0%, #6DD489 50%, #C7EBAE 100%);
}
</style>