#CFDDDB - #68AAAB | 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 #CFDDDB to #68AAAB

#CFDDDB #68AAAB

Calculate the color between two colors, #CFDDDB and #68AAAB. 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)

#CFDDDB - #68AAAB | 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 #CFDDDB as 0% and #68AAAB as 100%.

0.0%	0.0% #CFDDDB	RGB 207 221 219	#CFDDDB
16.7%	16.7% #BDD4D3	RGB 189 212 211	#BDD4D3
33.3%	33.3% #ACCCCB	RGB 172 204 203	#ACCCCB
50.0%	50.0% #9BC3C3	RGB 155 195 195	#9BC3C3
66.7%	66.7% #8ABBBB	RGB 138 187 187	#8ABBBB
83.3%	83.3% #79B2B3	RGB 121 178 179	#79B2B3
100.0%	100.0% #68AAAB	RGB 104 170 171	#68AAAB

#CFDDDB #BDD4D3 #ACCCCB #9BC3C3 #8ABBBB #79B2B3 #68AAAB

#CFDDDB - #68AAAB

HSV Blend

#CFDDDB - #68AAAB | 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 #CFDDDB as 0% and #68AAAB as 100%.

0.0%	0.0% #CFDDDB	RGB 207 221 219	#CFDDDB
16.7%	16.7% #BBD4D1	RGB 187 212 209	#BBD4D1
33.3%	33.3% #A9CCC9	RGB 169 204 201	#A9CCC9
50.0%	50.0% #97C4C1	RGB 151 196 193	#97C4C1
66.7%	66.7% #86BBB9	RGB 134 187 185	#86BBB9
83.3%	83.3% #76B3B2	RGB 118 179 178	#76B3B2
100.0%	100.0% #68AAAB	RGB 104 170 171	#68AAAB

#CFDDDB #BBD4D1 #A9CCC9 #97C4C1 #86BBB9 #76B3B2 #68AAAB

#CFDDDB - #97C4C1 - #68AAAB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CFDDDB 0%, #97C4C1 50%, #68AAAB 100%);
    background: -webkit-linear-gradient(top, #CFDDDB 0%, #97C4C1 50%, #68AAAB 100%);
    background: linear-gradient(to bottom, #CFDDDB 0%, #97C4C1 50%, #68AAAB 100%);
}
</style>