#38ECE3 - #00CAC8 | 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 #38ECE3 to #00CAC8

#38ECE3 #00CAC8

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

#38ECE3 - #00CAC8 | 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 #38ECE3 as 0% and #00CAC8 as 100%.

0.0%	0.0% #38ECE3	RGB 56 236 227	#38ECE3
16.7%	16.7% #2EE6DE	RGB 46 230 222	#2EE6DE
33.3%	33.3% #25E0DA	RGB 37 224 218	#25E0DA
50.0%	50.0% #1CDBD5	RGB 28 219 213	#1CDBD5
66.7%	66.7% #12D5D1	RGB 18 213 209	#12D5D1
83.3%	83.3% #09CFCC	RGB 9 207 204	#09CFCC
100.0%	100.0% #00CAC8	RGB 0 202 200	#00CAC8

#38ECE3 #2EE6DE #25E0DA #1CDBD5 #12D5D1 #09CFCC #00CAC8

#38ECE3 - #00CAC8

HSV Blend

#38ECE3 - #00CAC8 | 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 #38ECE3 as 0% and #00CAC8 as 100%.

0.0%	0.0% #38ECE3	RGB 56 236 227	#38ECE3
16.7%	16.7% #2DE6DE	RGB 45 230 222	#2DE6DE
33.3%	33.3% #23E0D9	RGB 35 224 217	#23E0D9
50.0%	50.0% #19DBD5	RGB 25 219 213	#19DBD5
66.7%	66.7% #10D5D0	RGB 16 213 208	#10D5D0
83.3%	83.3% #08CFCC	RGB 8 207 204	#08CFCC
100.0%	100.0% #00CAC8	RGB 0 202 200	#00CAC8

#38ECE3 #2DE6DE #23E0D9 #19DBD5 #10D5D0 #08CFCC #00CAC8

#38ECE3 - #19DBD5 - #00CAC8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #38ECE3 0%, #19DBD5 50%, #00CAC8 100%);
    background: -webkit-linear-gradient(top, #38ECE3 0%, #19DBD5 50%, #00CAC8 100%);
    background: linear-gradient(to bottom, #38ECE3 0%, #19DBD5 50%, #00CAC8 100%);
}
</style>