#CFDCD5 - #7EAB98 | 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 #CFDCD5 to #7EAB98

#CFDCD5 #7EAB98

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

#CFDCD5 - #7EAB98 | 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 #CFDCD5 as 0% and #7EAB98 as 100%.

0.0%	0.0% #CFDCD5	RGB 207 220 213	#CFDCD5
16.7%	16.7% #C1D3CA	RGB 193 211 202	#C1D3CA
33.3%	33.3% #B4CBC0	RGB 180 203 192	#B4CBC0
50.0%	50.0% #A6C3B6	RGB 166 195 182	#A6C3B6
66.7%	66.7% #99BBAC	RGB 153 187 172	#99BBAC
83.3%	83.3% #8BB3A2	RGB 139 179 162	#8BB3A2
100.0%	100.0% #7EAB98	RGB 126 171 152	#7EAB98

#CFDCD5 #C1D3CA #B4CBC0 #A6C3B6 #99BBAC #8BB3A2 #7EAB98

#CFDCD5 - #7EAB98

HSV Blend

#CFDCD5 - #7EAB98 | 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 #CFDCD5 as 0% and #7EAB98 as 100%.

0.0%	0.0% #CFDCD5	RGB 207 220 213	#CFDCD5
16.7%	16.7% #C0D3C9	RGB 192 211 201	#C0D3C9
33.3%	33.3% #B1CBBE	RGB 177 203 190	#B1CBBE
50.0%	50.0% #A4C3B4	RGB 164 195 180	#A4C3B4
66.7%	66.7% #96BBAA	RGB 150 187 170	#96BBAA
83.3%	83.3% #8AB3A1	RGB 138 179 161	#8AB3A1
100.0%	100.0% #7EAB98	RGB 126 171 152	#7EAB98

#CFDCD5 #C0D3C9 #B1CBBE #A4C3B4 #96BBAA #8AB3A1 #7EAB98

#CFDCD5 - #A4C3B4 - #7EAB98

CSS codes

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

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