#CFE5E1 - #7EBBBA | 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 #CFE5E1 to #7EBBBA

#CFE5E1 #7EBBBA

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

#CFE5E1 - #7EBBBA | 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 #CFE5E1 as 0% and #7EBBBA as 100%.

0.0%	0.0% #CFE5E1	RGB 207 229 225	#CFE5E1
16.7%	16.7% #C1DEDA	RGB 193 222 218	#C1DEDA
33.3%	33.3% #B4D7D4	RGB 180 215 212	#B4D7D4
50.0%	50.0% #A6D0CD	RGB 166 208 205	#A6D0CD
66.7%	66.7% #99C9C7	RGB 153 201 199	#99C9C7
83.3%	83.3% #8BC2C0	RGB 139 194 192	#8BC2C0
100.0%	100.0% #7EBBBA	RGB 126 187 186	#7EBBBA

#CFE5E1 #C1DEDA #B4D7D4 #A6D0CD #99C9C7 #8BC2C0 #7EBBBA

#CFE5E1 - #7EBBBA

HSV Blend

#CFE5E1 - #7EBBBA | 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 #CFE5E1 as 0% and #7EBBBA as 100%.

0.0%	0.0% #CFE5E1	RGB 207 229 225	#CFE5E1
16.7%	16.7% #C0DED9	RGB 192 222 217	#C0DED9
33.3%	33.3% #B1D7D2	RGB 177 215 210	#B1D7D2
50.0%	50.0% #A4D0CB	RGB 164 208 203	#A4D0CB
66.7%	66.7% #96C9C5	RGB 150 201 197	#96C9C5
83.3%	83.3% #8AC2BF	RGB 138 194 191	#8AC2BF
100.0%	100.0% #7EBBBA	RGB 126 187 186	#7EBBBA

#CFE5E1 #C0DED9 #B1D7D2 #A4D0CB #96C9C5 #8AC2BF #7EBBBA

#CFE5E1 - #A4D0CB - #7EBBBA

CSS codes

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

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