#00AFB0 - #CDFFCD | 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 #00AFB0 to #CDFFCD

#00AFB0 #CDFFCD

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

#00AFB0 - #CDFFCD | 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 #00AFB0 as 0% and #CDFFCD as 100%.

0.0%	0.0% #00AFB0	RGB 0 175 176	#00AFB0
16.7%	16.7% #22BCB4	RGB 34 188 180	#22BCB4
33.3%	33.3% #44C9B9	RGB 68 201 185	#44C9B9
50.0%	50.0% #66D7BE	RGB 102 215 190	#66D7BE
66.7%	66.7% #88E4C3	RGB 136 228 195	#88E4C3
83.3%	83.3% #AAF1C8	RGB 170 241 200	#AAF1C8
100.0%	100.0% #CDFFCD	RGB 205 255 205	#CDFFCD

#00AFB0 #22BCB4 #44C9B9 #66D7BE #88E4C3 #AAF1C8 #CDFFCD

#00AFB0 - #CDFFCD

HSV Blend

#00AFB0 - #CDFFCD | 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 #00AFB0 as 0% and #CDFFCD as 100%.

0.0%	0.0% #00AEB0	RGB 0 174 176	#00AEB0
16.7%	16.7% #19BDA2	RGB 25 189 162	#19BDA2
33.3%	33.3% #36CA99	RGB 54 202 153	#36CA99
50.0%	50.0% #56D797	RGB 86 215 151	#56D797
66.7%	66.7% #7AE49E	RGB 122 228 158	#7AE49E
83.3%	83.3% #A2F1AF	RGB 162 241 175	#A2F1AF
100.0%	100.0% #CDFFCD	RGB 205 255 205	#CDFFCD

#00AEB0 #19BDA2 #36CA99 #56D797 #7AE49E #A2F1AF #CDFFCD

#00AFB0 - #56D797 - #CDFFCD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00AEB0 0%, #56D797 50%, #CDFFCD 100%);
    background: -webkit-linear-gradient(top, #00AEB0 0%, #56D797 50%, #CDFFCD 100%);
    background: linear-gradient(to bottom, #00AEB0 0%, #56D797 50%, #CDFFCD 100%);
}
</style>