#71CEFF - #DCE3E2 | 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 #71CEFF to #DCE3E2

#71CEFF #DCE3E2

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

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

0.0%	0.0% #71CEFF	RGB 113 206 255	#71CEFF
16.7%	16.7% #82D1FA	RGB 130 209 250	#82D1FA
33.3%	33.3% #94D5F5	RGB 148 213 245	#94D5F5
50.0%	50.0% #A6D8F0	RGB 166 216 240	#A6D8F0
66.7%	66.7% #B8DCEB	RGB 184 220 235	#B8DCEB
83.3%	83.3% #CADFE6	RGB 202 223 230	#CADFE6
100.0%	100.0% #DCE3E2	RGB 220 227 226	#DCE3E2

#71CEFF #82D1FA #94D5F5 #A6D8F0 #B8DCEB #CADFE6 #DCE3E2

#71CEFF - #DCE3E2

HSV Blend

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

0.0%	0.0% #71CDFF	RGB 113 205 255	#71CDFF
16.7%	16.7% #84DBFA	RGB 132 219 250	#84DBFA
33.3%	33.3% #97E4F5	RGB 151 228 245	#97E4F5
50.0%	50.0% #AAE9F1	RGB 170 233 241	#AAE9F1
66.7%	66.7% #BBEBEC	RGB 187 235 236	#BBEBEC
83.3%	83.3% #CCE7E5	RGB 204 231 229	#CCE7E5
100.0%	100.0% #DCE3E2	RGB 220 227 226	#DCE3E2

#71CDFF #84DBFA #97E4F5 #AAE9F1 #BBEBEC #CCE7E5 #DCE3E2

#71CEFF - #AAE9F1 - #DCE3E2

CSS codes

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

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