#9FDACD - #CFDAD2 | 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 #9FDACD to #CFDAD2

#9FDACD #CFDAD2

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

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

0.0%	0.0% #9FDACD	RGB 159 218 205	#9FDACD
16.7%	16.7% #A7DACD	RGB 167 218 205	#A7DACD
33.3%	33.3% #AFDACE	RGB 175 218 206	#AFDACE
50.0%	50.0% #B7DACF	RGB 183 218 207	#B7DACF
66.7%	66.7% #BFDAD0	RGB 191 218 208	#BFDAD0
83.3%	83.3% #C7DAD1	RGB 199 218 209	#C7DAD1
100.0%	100.0% #CFDAD2	RGB 207 218 210	#CFDAD2

#9FDACD #A7DACD #AFDACE #B7DACF #BFDAD0 #C7DAD1 #CFDAD2

#9FDACD - #CFDAD2

HSV Blend

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

0.0%	0.0% #9FDACD	RGB 159 218 205	#9FDACD
16.7%	16.7% #A7DACA	RGB 167 218 202	#A7DACA
33.3%	33.3% #AFDAC9	RGB 175 218 201	#AFDAC9
50.0%	50.0% #B7DAC9	RGB 183 218 201	#B7DAC9
66.7%	66.7% #BFDACA	RGB 191 218 202	#BFDACA
83.3%	83.3% #C7DACD	RGB 199 218 205	#C7DACD
100.0%	100.0% #CFDAD2	RGB 207 218 210	#CFDAD2

#9FDACD #A7DACA #AFDAC9 #B7DAC9 #BFDACA #C7DACD #CFDAD2

#9FDACD - #B7DAC9 - #CFDAD2

CSS codes

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

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