#C8D3D9 - #7693AF | 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 #C8D3D9 to #7693AF

#C8D3D9 #7693AF

Calculate the color between two colors, #C8D3D9 and #7693AF. 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)

#C8D3D9 - #7693AF | 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 #C8D3D9 as 0% and #7693AF as 100%.

0.0%	0.0% #C8D3D9	RGB 200 211 217	#C8D3D9
16.7%	16.7% #BAC8D2	RGB 186 200 210	#BAC8D2
33.3%	33.3% #ACBDCB	RGB 172 189 203	#ACBDCB
50.0%	50.0% #9FB3C4	RGB 159 179 196	#9FB3C4
66.7%	66.7% #91A8BD	RGB 145 168 189	#91A8BD
83.3%	83.3% #839DB6	RGB 131 157 182	#839DB6
100.0%	100.0% #7693AF	RGB 118 147 175	#7693AF

#C8D3D9 #BAC8D2 #ACBDCB #9FB3C4 #91A8BD #839DB6 #7693AF

#C8D3D9 - #7693AF

HSV Blend

#C8D3D9 - #7693AF | 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 #C8D3D9 as 0% and #7693AF as 100%.

0.0%	0.0% #C8D3D9	RGB 200 211 217	#C8D3D9
16.7%	16.7% #B8C8D2	RGB 184 200 210	#B8C8D2
33.3%	33.3% #AABDCB	RGB 170 189 203	#AABDCB
50.0%	50.0% #9CB3C4	RGB 156 179 196	#9CB3C4
66.7%	66.7% #8FA8BD	RGB 143 168 189	#8FA8BD
83.3%	83.3% #829DB6	RGB 130 157 182	#829DB6
100.0%	100.0% #7693AF	RGB 118 147 175	#7693AF

#C8D3D9 #B8C8D2 #AABDCB #9CB3C4 #8FA8BD #829DB6 #7693AF

#C8D3D9 - #9CB3C4 - #7693AF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8D3D9 0%, #9CB3C4 50%, #7693AF 100%);
    background: -webkit-linear-gradient(top, #C8D3D9 0%, #9CB3C4 50%, #7693AF 100%);
    background: linear-gradient(to bottom, #C8D3D9 0%, #9CB3C4 50%, #7693AF 100%);
}
</style>