#8CBED1 - #DAD2FC | 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 #8CBED1 to #DAD2FC

#8CBED1 #DAD2FC

Calculate the color between two colors, #8CBED1 and #DAD2FC. 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)

#8CBED1 - #DAD2FC | 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 #8CBED1 as 0% and #DAD2FC as 100%.

0.0%	0.0% #8CBED1	RGB 140 190 209	#8CBED1
16.7%	16.7% #99C1D8	RGB 153 193 216	#99C1D8
33.3%	33.3% #A6C4DF	RGB 166 196 223	#A6C4DF
50.0%	50.0% #B3C8E6	RGB 179 200 230	#B3C8E6
66.7%	66.7% #C0CBED	RGB 192 203 237	#C0CBED
83.3%	83.3% #CDCEF4	RGB 205 206 244	#CDCEF4
100.0%	100.0% #DAD2FC	RGB 218 210 252	#DAD2FC

#8CBED1 #99C1D8 #A6C4DF #B3C8E6 #C0CBED #CDCEF4 #DAD2FC

#8CBED1 - #DAD2FC

HSV Blend

#8CBED1 - #DAD2FC | 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 #8CBED1 as 0% and #DAD2FC as 100%.

0.0%	0.0% #8CBED1	RGB 140 190 209	#8CBED1
16.7%	16.7% #96BCD8	RGB 150 188 216	#96BCD8
33.3%	33.3% #A1BBDF	RGB 161 187 223	#A1BBDF
50.0%	50.0% #ADBCE6	RGB 173 188 230	#ADBCE6
66.7%	66.7% #B9BFED	RGB 185 191 237	#B9BFED
83.3%	83.3% #C7C5F4	RGB 199 197 244	#C7C5F4
100.0%	100.0% #DAD2FC	RGB 218 210 252	#DAD2FC

#8CBED1 #96BCD8 #A1BBDF #ADBCE6 #B9BFED #C7C5F4 #DAD2FC

#8CBED1 - #ADBCE6 - #DAD2FC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8CBED1 0%, #ADBCE6 50%, #DAD2FC 100%);
    background: -webkit-linear-gradient(top, #8CBED1 0%, #ADBCE6 50%, #DAD2FC 100%);
    background: linear-gradient(to bottom, #8CBED1 0%, #ADBCE6 50%, #DAD2FC 100%);
}
</style>