#C8D4EB - #6695B6 | 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 #C8D4EB to #6695B6

#C8D4EB #6695B6

Calculate the color between two colors, #C8D4EB and #6695B6. 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)

#C8D4EB - #6695B6 | 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 #C8D4EB as 0% and #6695B6 as 100%.

0.0%	0.0% #C8D4EB	RGB 200 212 235	#C8D4EB
16.7%	16.7% #B7C9E2	RGB 183 201 226	#B7C9E2
33.3%	33.3% #A7BFD9	RGB 167 191 217	#A7BFD9
50.0%	50.0% #97B4D0	RGB 151 180 208	#97B4D0
66.7%	66.7% #86AAC7	RGB 134 170 199	#86AAC7
83.3%	83.3% #769FBE	RGB 118 159 190	#769FBE
100.0%	100.0% #6695B6	RGB 102 149 182	#6695B6

#C8D4EB #B7C9E2 #A7BFD9 #97B4D0 #86AAC7 #769FBE #6695B6

#C8D4EB - #6695B6

HSV Blend

#C8D4EB - #6695B6 | 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 #C8D4EB as 0% and #6695B6 as 100%.

0.0%	0.0% #C8D4EB	RGB 200 212 235	#C8D4EB
16.7%	16.7% #B5C6E2	RGB 181 198 226	#B5C6E2
33.3%	33.3% #A3BAD9	RGB 163 186 217	#A3BAD9
50.0%	50.0% #93AFD0	RGB 147 175 208	#93AFD0
66.7%	66.7% #83A5C7	RGB 131 165 199	#83A5C7
83.3%	83.3% #749DBE	RGB 116 157 190	#749DBE
100.0%	100.0% #6695B6	RGB 102 149 182	#6695B6

#C8D4EB #B5C6E2 #A3BAD9 #93AFD0 #83A5C7 #749DBE #6695B6

#C8D4EB - #93AFD0 - #6695B6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8D4EB 0%, #93AFD0 50%, #6695B6 100%);
    background: -webkit-linear-gradient(top, #C8D4EB 0%, #93AFD0 50%, #6695B6 100%);
    background: linear-gradient(to bottom, #C8D4EB 0%, #93AFD0 50%, #6695B6 100%);
}
</style>