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

#8CB8D1 #DAD2FC

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

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

0.0%	0.0% #8CB8D1	RGB 140 184 209	#8CB8D1
16.7%	16.7% #99BCD8	RGB 153 188 216	#99BCD8
33.3%	33.3% #A6C0DF	RGB 166 192 223	#A6C0DF
50.0%	50.0% #B3C5E6	RGB 179 197 230	#B3C5E6
66.7%	66.7% #C0C9ED	RGB 192 201 237	#C0C9ED
83.3%	83.3% #CDCDF4	RGB 205 205 244	#CDCDF4
100.0%	100.0% #DAD2FC	RGB 218 210 252	#DAD2FC

#8CB8D1 #99BCD8 #A6C0DF #B3C5E6 #C0C9ED #CDCDF4 #DAD2FC

#8CB8D1 - #DAD2FC

HSV Blend

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

0.0%	0.0% #8CB8D1	RGB 140 184 209	#8CB8D1
16.7%	16.7% #96B7D8	RGB 150 183 216	#96B7D8
33.3%	33.3% #A1B8DF	RGB 161 184 223	#A1B8DF
50.0%	50.0% #ADBAE6	RGB 173 186 230	#ADBAE6
66.7%	66.7% #B9BDED	RGB 185 189 237	#B9BDED
83.3%	83.3% #C7C5F4	RGB 199 197 244	#C7C5F4
100.0%	100.0% #DAD2FC	RGB 218 210 252	#DAD2FC

#8CB8D1 #96B7D8 #A1B8DF #ADBAE6 #B9BDED #C7C5F4 #DAD2FC

#8CB8D1 - #ADBAE6 - #DAD2FC

CSS codes

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

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