#CDEEF0 - #71BDBE | 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 #CDEEF0 to #71BDBE

#CDEEF0 #71BDBE

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

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

0.0%	0.0% #CDEEF0	RGB 205 238 240	#CDEEF0
16.7%	16.7% #BDE5E7	RGB 189 229 231	#BDE5E7
33.3%	33.3% #AEDDDF	RGB 174 221 223	#AEDDDF
50.0%	50.0% #9FD5D7	RGB 159 213 215	#9FD5D7
66.7%	66.7% #8FCDCE	RGB 143 205 206	#8FCDCE
83.3%	83.3% #80C5C6	RGB 128 197 198	#80C5C6
100.0%	100.0% #71BDBE	RGB 113 189 190	#71BDBE

#CDEEF0 #BDE5E7 #AEDDDF #9FD5D7 #8FCDCE #80C5C6 #71BDBE

#CDEEF0 - #71BDBE

HSV Blend

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

0.0%	0.0% #CDEEF0	RGB 205 238 240	#CDEEF0
16.7%	16.7% #BBE5E7	RGB 187 229 231	#BBE5E7
33.3%	33.3% #ABDDDF	RGB 171 221 223	#ABDDDF
50.0%	50.0% #9BD4D7	RGB 155 212 215	#9BD4D7
66.7%	66.7% #8CCCCE	RGB 140 204 206	#8CCCCE
83.3%	83.3% #7EC4C6	RGB 126 196 198	#7EC4C6
100.0%	100.0% #71BDBE	RGB 113 189 190	#71BDBE

#CDEEF0 #BBE5E7 #ABDDDF #9BD4D7 #8CCCCE #7EC4C6 #71BDBE

#CDEEF0 - #9BD4D7 - #71BDBE

CSS codes

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

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