#CEDAD4 - #7DAE9F | 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 #CEDAD4 to #7DAE9F

#CEDAD4 #7DAE9F

Calculate the color between two colors, #CEDAD4 and #7DAE9F. 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)

#CEDAD4 - #7DAE9F | 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 #CEDAD4 as 0% and #7DAE9F as 100%.

0.0%	0.0% #CEDAD4	RGB 206 218 212	#CEDAD4
16.7%	16.7% #C0D2CB	RGB 192 210 203	#C0D2CB
33.3%	33.3% #B3CBC2	RGB 179 203 194	#B3CBC2
50.0%	50.0% #A5C4B9	RGB 165 196 185	#A5C4B9
66.7%	66.7% #98BCB0	RGB 152 188 176	#98BCB0
83.3%	83.3% #8AB5A7	RGB 138 181 167	#8AB5A7
100.0%	100.0% #7DAE9F	RGB 125 174 159	#7DAE9F

#CEDAD4 #C0D2CB #B3CBC2 #A5C4B9 #98BCB0 #8AB5A7 #7DAE9F

#CEDAD4 - #7DAE9F

HSV Blend

#CEDAD4 - #7DAE9F | 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 #CEDAD4 as 0% and #7DAE9F as 100%.

0.0%	0.0% #CEDAD4	RGB 206 218 212	#CEDAD4
16.7%	16.7% #BFD2C9	RGB 191 210 201	#BFD2C9
33.3%	33.3% #B0CBBF	RGB 176 203 191	#B0CBBF
50.0%	50.0% #A3C4B6	RGB 163 196 182	#A3C4B6
66.7%	66.7% #95BCAE	RGB 149 188 174	#95BCAE
83.3%	83.3% #89B5A6	RGB 137 181 166	#89B5A6
100.0%	100.0% #7DAE9F	RGB 125 174 159	#7DAE9F

#CEDAD4 #BFD2C9 #B0CBBF #A3C4B6 #95BCAE #89B5A6 #7DAE9F

#CEDAD4 - #A3C4B6 - #7DAE9F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CEDAD4 0%, #A3C4B6 50%, #7DAE9F 100%);
    background: -webkit-linear-gradient(top, #CEDAD4 0%, #A3C4B6 50%, #7DAE9F 100%);
    background: linear-gradient(to bottom, #CEDAD4 0%, #A3C4B6 50%, #7DAE9F 100%);
}
</style>