#CFD4D3 - #80AD9A | 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 #CFD4D3 to #80AD9A

#CFD4D3 #80AD9A

Calculate the color between two colors, #CFD4D3 and #80AD9A. 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)

#CFD4D3 - #80AD9A | 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 #CFD4D3 as 0% and #80AD9A as 100%.

0.0%	0.0% #CFD4D3	RGB 207 212 211	#CFD4D3
16.7%	16.7% #C1CDC9	RGB 193 205 201	#C1CDC9
33.3%	33.3% #B4C7C0	RGB 180 199 192	#B4C7C0
50.0%	50.0% #A7C0B6	RGB 167 192 182	#A7C0B6
66.7%	66.7% #9ABAAD	RGB 154 186 173	#9ABAAD
83.3%	83.3% #8DB3A3	RGB 141 179 163	#8DB3A3
100.0%	100.0% #80AD9A	RGB 128 173 154	#80AD9A

#CFD4D3 #C1CDC9 #B4C7C0 #A7C0B6 #9ABAAD #8DB3A3 #80AD9A

#CFD4D3 - #80AD9A

HSV Blend

#CFD4D3 - #80AD9A | 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 #CFD4D3 as 0% and #80AD9A as 100%.

0.0%	0.0% #CFD4D3	RGB 207 212 211	#CFD4D3
16.7%	16.7% #C0CDCA	RGB 192 205 202	#C0CDCA
33.3%	33.3% #B2C7C1	RGB 178 199 193	#B2C7C1
50.0%	50.0% #A5C0B8	RGB 165 192 184	#A5C0B8
66.7%	66.7% #98BAAE	RGB 152 186 174	#98BAAE
83.3%	83.3% #8BB3A4	RGB 139 179 164	#8BB3A4
100.0%	100.0% #80AD9A	RGB 128 173 154	#80AD9A

#CFD4D3 #C0CDCA #B2C7C1 #A5C0B8 #98BAAE #8BB3A4 #80AD9A

#CFD4D3 - #A5C0B8 - #80AD9A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CFD4D3 0%, #A5C0B8 50%, #80AD9A 100%);
    background: -webkit-linear-gradient(top, #CFD4D3 0%, #A5C0B8 50%, #80AD9A 100%);
    background: linear-gradient(to bottom, #CFD4D3 0%, #A5C0B8 50%, #80AD9A 100%);
}
</style>