#9FDAB3 - #CFDACF | 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 #9FDAB3 to #CFDACF

#9FDAB3 #CFDACF

Calculate the color between two colors, #9FDAB3 and #CFDACF. 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)

#9FDAB3 - #CFDACF | 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 #9FDAB3 as 0% and #CFDACF as 100%.

0.0%	0.0% #9FDAB3	RGB 159 218 179	#9FDAB3
16.7%	16.7% #A7DAB7	RGB 167 218 183	#A7DAB7
33.3%	33.3% #AFDABC	RGB 175 218 188	#AFDABC
50.0%	50.0% #B7DAC1	RGB 183 218 193	#B7DAC1
66.7%	66.7% #BFDAC5	RGB 191 218 197	#BFDAC5
83.3%	83.3% #C7DACA	RGB 199 218 202	#C7DACA
100.0%	100.0% #CFDACF	RGB 207 218 207	#CFDACF

#9FDAB3 #A7DAB7 #AFDABC #B7DAC1 #BFDAC5 #C7DACA #CFDACF

#9FDAB3 - #CFDACF

HSV Blend

#9FDAB3 - #CFDACF | 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 #9FDAB3 as 0% and #CFDACF as 100%.

0.0%	0.0% #9FDAB3	RGB 159 218 179	#9FDAB3
16.7%	16.7% #A7DAB5	RGB 167 218 181	#A7DAB5
33.3%	33.3% #AFDAB8	RGB 175 218 184	#AFDAB8
50.0%	50.0% #B7DABC	RGB 183 218 188	#B7DABC
66.7%	66.7% #BFDAC2	RGB 191 218 194	#BFDAC2
83.3%	83.3% #C7DAC8	RGB 199 218 200	#C7DAC8
100.0%	100.0% #CFDACF	RGB 207 218 207	#CFDACF

#9FDAB3 #A7DAB5 #AFDAB8 #B7DABC #BFDAC2 #C7DAC8 #CFDACF

#9FDAB3 - #B7DABC - #CFDACF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9FDAB3 0%, #B7DABC 50%, #CFDACF 100%);
    background: -webkit-linear-gradient(top, #9FDAB3 0%, #B7DABC 50%, #CFDACF 100%);
    background: linear-gradient(to bottom, #9FDAB3 0%, #B7DABC 50%, #CFDACF 100%);
}
</style>