#9FCBDA - #CFDAD8 | 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 #9FCBDA to #CFDAD8

#9FCBDA #CFDAD8

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

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

0.0%	0.0% #9FCBDA	RGB 159 203 218	#9FCBDA
16.7%	16.7% #A7CDD9	RGB 167 205 217	#A7CDD9
33.3%	33.3% #AFD0D9	RGB 175 208 217	#AFD0D9
50.0%	50.0% #B7D2D9	RGB 183 210 217	#B7D2D9
66.7%	66.7% #BFD5D8	RGB 191 213 216	#BFD5D8
83.3%	83.3% #C7D7D8	RGB 199 215 216	#C7D7D8
100.0%	100.0% #CFDAD8	RGB 207 218 216	#CFDAD8

#9FCBDA #A7CDD9 #AFD0D9 #B7D2D9 #BFD5D8 #C7D7D8 #CFDAD8

#9FCBDA - #CFDAD8

HSV Blend

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

0.0%	0.0% #9FCBDA	RGB 159 203 218	#9FCBDA
16.7%	16.7% #A7D0DA	RGB 167 208 218	#A7D0DA
33.3%	33.3% #AFD5DA	RGB 175 213 218	#AFD5DA
50.0%	50.0% #B7D8DA	RGB 183 216 218	#B7D8DA
66.7%	66.7% #BFDAD9	RGB 191 218 217	#BFDAD9
83.3%	83.3% #C7DAD7	RGB 199 218 215	#C7DAD7
100.0%	100.0% #CFDAD8	RGB 207 218 216	#CFDAD8

#9FCBDA #A7D0DA #AFD5DA #B7D8DA #BFDAD9 #C7DAD7 #CFDAD8

#9FCBDA - #B7D8DA - #CFDAD8

CSS codes

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

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