#CFE3E2 - #7EA1AB | 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 #CFE3E2 to #7EA1AB

#CFE3E2 #7EA1AB

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

#CFE3E2 - #7EA1AB | 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 #CFE3E2 as 0% and #7EA1AB as 100%.

0.0%	0.0% #CFE3E2	RGB 207 227 226	#CFE3E2
16.7%	16.7% #C1D8D8	RGB 193 216 216	#C1D8D8
33.3%	33.3% #B4CDCF	RGB 180 205 207	#B4CDCF
50.0%	50.0% #A6C2C6	RGB 166 194 198	#A6C2C6
66.7%	66.7% #99B7BD	RGB 153 183 189	#99B7BD
83.3%	83.3% #8BACB4	RGB 139 172 180	#8BACB4
100.0%	100.0% #7EA1AB	RGB 126 161 171	#7EA1AB

#CFE3E2 #C1D8D8 #B4CDCF #A6C2C6 #99B7BD #8BACB4 #7EA1AB

#CFE3E2 - #7EA1AB

HSV Blend

#CFE3E2 - #7EA1AB | 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 #CFE3E2 as 0% and #7EA1AB as 100%.

0.0%	0.0% #CFE3E2	RGB 207 227 226	#CFE3E2
16.7%	16.7% #C0D9D9	RGB 192 217 217	#C0D9D9
33.3%	33.3% #B1CFD0	RGB 177 207 208	#B1CFD0
50.0%	50.0% #A4C3C7	RGB 164 195 199	#A4C3C7
66.7%	66.7% #96B8BD	RGB 150 184 189	#96B8BD
83.3%	83.3% #8AACB4	RGB 138 172 180	#8AACB4
100.0%	100.0% #7EA1AB	RGB 126 161 171	#7EA1AB

#CFE3E2 #C0D9D9 #B1CFD0 #A4C3C7 #96B8BD #8AACB4 #7EA1AB

#CFE3E2 - #A4C3C7 - #7EA1AB

CSS codes

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

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