#CFDFD9 - #749DA0 | 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 #CFDFD9 to #749DA0

#CFDFD9 #749DA0

Calculate the color between two colors, #CFDFD9 and #749DA0. 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)

#CFDFD9 - #749DA0 | 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 #CFDFD9 as 0% and #749DA0 as 100%.

0.0%	0.0% #CFDFD9	RGB 207 223 217	#CFDFD9
16.7%	16.7% #BFD4CF	RGB 191 212 207	#BFD4CF
33.3%	33.3% #B0C9C6	RGB 176 201 198	#B0C9C6
50.0%	50.0% #A1BEBC	RGB 161 190 188	#A1BEBC
66.7%	66.7% #92B3B3	RGB 146 179 179	#92B3B3
83.3%	83.3% #83A8A9	RGB 131 168 169	#83A8A9
100.0%	100.0% #749DA0	RGB 116 157 160	#749DA0

#CFDFD9 #BFD4CF #B0C9C6 #A1BEBC #92B3B3 #83A8A9 #749DA0

#CFDFD9 - #749DA0

HSV Blend

#CFDFD9 - #749DA0 | 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 #CFDFD9 as 0% and #749DA0 as 100%.

0.0%	0.0% #CFDFD9	RGB 207 223 217	#CFDFD9
16.7%	16.7% #BED4CD	RGB 190 212 205	#BED4CD
33.3%	33.3% #ADCAC3	RGB 173 202 195	#ADCAC3
50.0%	50.0% #9EBFBA	RGB 158 191 186	#9EBFBA
66.7%	66.7% #8FB5B2	RGB 143 181 178	#8FB5B2
83.3%	83.3% #81AAAA	RGB 129 170 170	#81AAAA
100.0%	100.0% #749DA0	RGB 116 157 160	#749DA0

#CFDFD9 #BED4CD #ADCAC3 #9EBFBA #8FB5B2 #81AAAA #749DA0

#CFDFD9 - #9EBFBA - #749DA0

CSS codes

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

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