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

#71D7FF #DCE3E2

Calculate the color between two colors, #71D7FF 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)

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

0.0%	0.0% #71D7FF	RGB 113 215 255	#71D7FF
16.7%	16.7% #82D9FA	RGB 130 217 250	#82D9FA
33.3%	33.3% #94DBF5	RGB 148 219 245	#94DBF5
50.0%	50.0% #A6DDF0	RGB 166 221 240	#A6DDF0
66.7%	66.7% #B8DFEB	RGB 184 223 235	#B8DFEB
83.3%	83.3% #CAE1E6	RGB 202 225 230	#CAE1E6
100.0%	100.0% #DCE3E2	RGB 220 227 226	#DCE3E2

#71D7FF #82D9FA #94DBF5 #A6DDF0 #B8DFEB #CAE1E6 #DCE3E2

#71D7FF - #DCE3E2

HSV Blend

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

0.0%	0.0% #71D7FF	RGB 113 215 255	#71D7FF
16.7%	16.7% #84E1FA	RGB 132 225 250	#84E1FA
33.3%	33.3% #97E8F5	RGB 151 232 245	#97E8F5
50.0%	50.0% #AAECF1	RGB 170 236 241	#AAECF1
66.7%	66.7% #BBECEC	RGB 187 236 236	#BBECEC
83.3%	83.3% #CCE7E5	RGB 204 231 229	#CCE7E5
100.0%	100.0% #DCE3E2	RGB 220 227 226	#DCE3E2

#71D7FF #84E1FA #97E8F5 #AAECF1 #BBECEC #CCE7E5 #DCE3E2

#71D7FF - #AAECF1 - #DCE3E2

CSS codes

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

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