#9ACCCC - #CDDFBC | 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 #9ACCCC to #CDDFBC

#9ACCCC #CDDFBC

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

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

0.0%	0.0% #9ACCCC	RGB 154 204 204	#9ACCCC
16.7%	16.7% #A2CFC9	RGB 162 207 201	#A2CFC9
33.3%	33.3% #ABD2C6	RGB 171 210 198	#ABD2C6
50.0%	50.0% #B3D5C4	RGB 179 213 196	#B3D5C4
66.7%	66.7% #BCD8C1	RGB 188 216 193	#BCD8C1
83.3%	83.3% #C4DBBE	RGB 196 219 190	#C4DBBE
100.0%	100.0% #CDDFBC	RGB 205 223 188	#CDDFBC

#9ACCCC #A2CFC9 #ABD2C6 #B3D5C4 #BCD8C1 #C4DBBE #CDDFBC

#9ACCCC - #CDDFBC

HSV Blend

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

0.0%	0.0% #9ACCCC	RGB 154 204 204	#9ACCCC
16.7%	16.7% #9FCFC3	RGB 159 207 195	#9FCFC3
33.3%	33.3% #A4D2BB	RGB 164 210 187	#A4D2BB
50.0%	50.0% #AAD5B5	RGB 170 213 181	#AAD5B5
66.7%	66.7% #B0D8B0	RGB 176 216 176	#B0D8B0
83.3%	83.3% #BFDBB6	RGB 191 219 182	#BFDBB6
100.0%	100.0% #CDDFBC	RGB 205 223 188	#CDDFBC

#9ACCCC #9FCFC3 #A4D2BB #AAD5B5 #B0D8B0 #BFDBB6 #CDDFBC

#9ACCCC - #AAD5B5 - #CDDFBC

CSS codes

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

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