#D2FDFF - #71BFCF | 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 #D2FDFF to #71BFCF

#D2FDFF #71BFCF

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

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

0.0%	0.0% #D2FDFF	RGB 210 253 255	#D2FDFF
16.7%	16.7% #C1F2F7	RGB 193 242 247	#C1F2F7
33.3%	33.3% #B1E8EF	RGB 177 232 239	#B1E8EF
50.0%	50.0% #A1DEE7	RGB 161 222 231	#A1DEE7
66.7%	66.7% #91D3DF	RGB 145 211 223	#91D3DF
83.3%	83.3% #81C9D7	RGB 129 201 215	#81C9D7
100.0%	100.0% #71BFCF	RGB 113 191 207	#71BFCF

#D2FDFF #C1F2F7 #B1E8EF #A1DEE7 #91D3DF #81C9D7 #71BFCF

#D2FDFF - #71BFCF

HSV Blend

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

0.0%	0.0% #D2FDFF	RGB 210 253 255	#D2FDFF
16.7%	16.7% #BFF3F7	RGB 191 243 247	#BFF3F7
33.3%	33.3% #AEE9EF	RGB 174 233 239	#AEE9EF
50.0%	50.0% #9EDFE7	RGB 158 223 231	#9EDFE7
66.7%	66.7% #8ED4DF	RGB 142 212 223	#8ED4DF
83.3%	83.3% #7FC9D7	RGB 127 201 215	#7FC9D7
100.0%	100.0% #71BFCF	RGB 113 191 207	#71BFCF

#D2FDFF #BFF3F7 #AEE9EF #9EDFE7 #8ED4DF #7FC9D7 #71BFCF

#D2FDFF - #9EDFE7 - #71BFCF

CSS codes

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

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