#81C2FD - #CCDEE9 | 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 #81C2FD to #CCDEE9

#81C2FD #CCDEE9

Calculate the color between two colors, #81C2FD and #CCDEE9. 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)

#81C2FD - #CCDEE9 | 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 #81C2FD as 0% and #CCDEE9 as 100%.

0.0%	0.0% #81C2FD	RGB 129 194 253	#81C2FD
16.7%	16.7% #8DC6F9	RGB 141 198 249	#8DC6F9
33.3%	33.3% #9ACBF6	RGB 154 203 246	#9ACBF6
50.0%	50.0% #A6D0F3	RGB 166 208 243	#A6D0F3
66.7%	66.7% #B3D4EF	RGB 179 212 239	#B3D4EF
83.3%	83.3% #BFD9EC	RGB 191 217 236	#BFD9EC
100.0%	100.0% #CCDEE9	RGB 204 222 233	#CCDEE9

#81C2FD #8DC6F9 #9ACBF6 #A6D0F3 #B3D4EF #BFD9EC #CCDEE9

#81C2FD - #CCDEE9

HSV Blend

#81C2FD - #CCDEE9 | 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 #81C2FD as 0% and #CCDEE9 as 100%.

0.0%	0.0% #81C2FD	RGB 129 194 253	#81C2FD
16.7%	16.7% #8EC8F9	RGB 142 200 249	#8EC8F9
33.3%	33.3% #9BCEF6	RGB 155 206 246	#9BCEF6
50.0%	50.0% #A8D3F3	RGB 168 211 243	#A8D3F3
66.7%	66.7% #B4D7EF	RGB 180 215 239	#B4D7EF
83.3%	83.3% #C0DBEC	RGB 192 219 236	#C0DBEC
100.0%	100.0% #CCDEE9	RGB 204 222 233	#CCDEE9

#81C2FD #8EC8F9 #9BCEF6 #A8D3F3 #B4D7EF #C0DBEC #CCDEE9

#81C2FD - #A8D3F3 - #CCDEE9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #81C2FD 0%, #A8D3F3 50%, #CCDEE9 100%);
    background: -webkit-linear-gradient(top, #81C2FD 0%, #A8D3F3 50%, #CCDEE9 100%);
    background: linear-gradient(to bottom, #81C2FD 0%, #A8D3F3 50%, #CCDEE9 100%);
}
</style>