#C8DAE3 - #748FAB | 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 #C8DAE3 to #748FAB

#C8DAE3 #748FAB

Calculate the color between two colors, #C8DAE3 and #748FAB. 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)

#C8DAE3 - #748FAB | 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 #C8DAE3 as 0% and #748FAB as 100%.

0.0%	0.0% #C8DAE3	RGB 200 218 227	#C8DAE3
16.7%	16.7% #BACDD9	RGB 186 205 217	#BACDD9
33.3%	33.3% #ACC1D0	RGB 172 193 208	#ACC1D0
50.0%	50.0% #9EB4C7	RGB 158 180 199	#9EB4C7
66.7%	66.7% #90A8BD	RGB 144 168 189	#90A8BD
83.3%	83.3% #829BB4	RGB 130 155 180	#829BB4
100.0%	100.0% #748FAB	RGB 116 143 171	#748FAB

#C8DAE3 #BACDD9 #ACC1D0 #9EB4C7 #90A8BD #829BB4 #748FAB

#C8DAE3 - #748FAB

HSV Blend

#C8DAE3 - #748FAB | 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 #C8DAE3 as 0% and #748FAB as 100%.

0.0%	0.0% #C8DAE3	RGB 200 218 227	#C8DAE3
16.7%	16.7% #B8CDD9	RGB 184 205 217	#B8CDD9
33.3%	33.3% #A9C1D0	RGB 169 193 208	#A9C1D0
50.0%	50.0% #9BB4C7	RGB 155 180 199	#9BB4C7
66.7%	66.7% #8DA7BD	RGB 141 167 189	#8DA7BD
83.3%	83.3% #809BB4	RGB 128 155 180	#809BB4
100.0%	100.0% #748FAB	RGB 116 143 171	#748FAB

#C8DAE3 #B8CDD9 #A9C1D0 #9BB4C7 #8DA7BD #809BB4 #748FAB

#C8DAE3 - #9BB4C7 - #748FAB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8DAE3 0%, #9BB4C7 50%, #748FAB 100%);
    background: -webkit-linear-gradient(top, #C8DAE3 0%, #9BB4C7 50%, #748FAB 100%);
    background: linear-gradient(to bottom, #C8DAE3 0%, #9BB4C7 50%, #748FAB 100%);
}
</style>