#CFEBDB - #71BBAC | 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 #CFEBDB to #71BBAC

#CFEBDB #71BBAC

Calculate the color between two colors, #CFEBDB and #71BBAC. 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)

#CFEBDB - #71BBAC | 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 #CFEBDB as 0% and #71BBAC as 100%.

0.0%	0.0% #CFEBDB	RGB 207 235 219	#CFEBDB
16.7%	16.7% #BFE3D3	RGB 191 227 211	#BFE3D3
33.3%	33.3% #AFDBCB	RGB 175 219 203	#AFDBCB
50.0%	50.0% #A0D3C3	RGB 160 211 195	#A0D3C3
66.7%	66.7% #90CBBB	RGB 144 203 187	#90CBBB
83.3%	83.3% #80C3B3	RGB 128 195 179	#80C3B3
100.0%	100.0% #71BBAC	RGB 113 187 172	#71BBAC

#CFEBDB #BFE3D3 #AFDBCB #A0D3C3 #90CBBB #80C3B3 #71BBAC

#CFEBDB - #71BBAC

HSV Blend

#CFEBDB - #71BBAC | 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 #CFEBDB as 0% and #71BBAC as 100%.

0.0%	0.0% #CFEBDB	RGB 207 235 219	#CFEBDB
16.7%	16.7% #BDE3CF	RGB 189 227 207	#BDE3CF
33.3%	33.3% #ACDBC6	RGB 172 219 198	#ACDBC6
50.0%	50.0% #9CD3BD	RGB 156 211 189	#9CD3BD
66.7%	66.7% #8DCBB6	RGB 141 203 182	#8DCBB6
83.3%	83.3% #7EC3B0	RGB 126 195 176	#7EC3B0
100.0%	100.0% #71BBAC	RGB 113 187 172	#71BBAC

#CFEBDB #BDE3CF #ACDBC6 #9CD3BD #8DCBB6 #7EC3B0 #71BBAC

#CFEBDB - #9CD3BD - #71BBAC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CFEBDB 0%, #9CD3BD 50%, #71BBAC 100%);
    background: -webkit-linear-gradient(top, #CFEBDB 0%, #9CD3BD 50%, #71BBAC 100%);
    background: linear-gradient(to bottom, #CFEBDB 0%, #9CD3BD 50%, #71BBAC 100%);
}
</style>