#C8DCE3 - #7691AC | 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 #C8DCE3 to #7691AC

#C8DCE3 #7691AC

Calculate the color between two colors, #C8DCE3 and #7691AC. 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)

#C8DCE3 - #7691AC | 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 #C8DCE3 as 0% and #7691AC as 100%.

0.0%	0.0% #C8DCE3	RGB 200 220 227	#C8DCE3
16.7%	16.7% #BACFD9	RGB 186 207 217	#BACFD9
33.3%	33.3% #ACC3D0	RGB 172 195 208	#ACC3D0
50.0%	50.0% #9FB6C7	RGB 159 182 199	#9FB6C7
66.7%	66.7% #91AABE	RGB 145 170 190	#91AABE
83.3%	83.3% #839DB5	RGB 131 157 181	#839DB5
100.0%	100.0% #7691AC	RGB 118 145 172	#7691AC

#C8DCE3 #BACFD9 #ACC3D0 #9FB6C7 #91AABE #839DB5 #7691AC

#C8DCE3 - #7691AC

HSV Blend

#C8DCE3 - #7691AC | 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 #C8DCE3 as 0% and #7691AC as 100%.

0.0%	0.0% #C8DCE3	RGB 200 220 227	#C8DCE3
16.7%	16.7% #B8CFD9	RGB 184 207 217	#B8CFD9
33.3%	33.3% #AAC3D0	RGB 170 195 208	#AAC3D0
50.0%	50.0% #9CB7C7	RGB 156 183 199	#9CB7C7
66.7%	66.7% #8EAABE	RGB 142 170 190	#8EAABE
83.3%	83.3% #829DB5	RGB 130 157 181	#829DB5
100.0%	100.0% #7691AC	RGB 118 145 172	#7691AC

#C8DCE3 #B8CFD9 #AAC3D0 #9CB7C7 #8EAABE #829DB5 #7691AC

#C8DCE3 - #9CB7C7 - #7691AC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8DCE3 0%, #9CB7C7 50%, #7691AC 100%);
    background: -webkit-linear-gradient(top, #C8DCE3 0%, #9CB7C7 50%, #7691AC 100%);
    background: linear-gradient(to bottom, #C8DCE3 0%, #9CB7C7 50%, #7691AC 100%);
}
</style>