#86C0FF - #CADDEC | 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 #86C0FF to #CADDEC

#86C0FF #CADDEC

Calculate the color between two colors, #86C0FF and #CADDEC. 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)

#86C0FF - #CADDEC | 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 #86C0FF as 0% and #CADDEC as 100%.

0.0%	0.0% #86C0FF	RGB 134 192 255	#86C0FF
16.7%	16.7% #91C4FB	RGB 145 196 251	#91C4FB
33.3%	33.3% #9CC9F8	RGB 156 201 248	#9CC9F8
50.0%	50.0% #A8CEF5	RGB 168 206 245	#A8CEF5
66.7%	66.7% #B3D3F2	RGB 179 211 242	#B3D3F2
83.3%	83.3% #BED8EF	RGB 190 216 239	#BED8EF
100.0%	100.0% #CADDEC	RGB 202 221 236	#CADDEC

#86C0FF #91C4FB #9CC9F8 #A8CEF5 #B3D3F2 #BED8EF #CADDEC

#86C0FF - #CADDEC

HSV Blend

#86C0FF - #CADDEC | 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 #86C0FF as 0% and #CADDEC as 100%.

0.0%	0.0% #86C0FF	RGB 134 192 255	#86C0FF
16.7%	16.7% #92C6FB	RGB 146 198 251	#92C6FB
33.3%	33.3% #9ECBF8	RGB 158 203 248	#9ECBF8
50.0%	50.0% #A9D0F5	RGB 169 208 245	#A9D0F5
66.7%	66.7% #B4D5F2	RGB 180 213 242	#B4D5F2
83.3%	83.3% #BFD9EF	RGB 191 217 239	#BFD9EF
100.0%	100.0% #CADDEC	RGB 202 221 236	#CADDEC

#86C0FF #92C6FB #9ECBF8 #A9D0F5 #B4D5F2 #BFD9EF #CADDEC

#86C0FF - #A9D0F5 - #CADDEC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #86C0FF 0%, #A9D0F5 50%, #CADDEC 100%);
    background: -webkit-linear-gradient(top, #86C0FF 0%, #A9D0F5 50%, #CADDEC 100%);
    background: linear-gradient(to bottom, #86C0FF 0%, #A9D0F5 50%, #CADDEC 100%);
}
</style>