#CAD3EB - #6D88B6 | 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 #CAD3EB to #6D88B6

#CAD3EB #6D88B6

Calculate the color between two colors, #CAD3EB and #6D88B6. 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)

#CAD3EB - #6D88B6 | 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 #CAD3EB as 0% and #6D88B6 as 100%.

0.0%	0.0% #CAD3EB	RGB 202 211 235	#CAD3EB
16.7%	16.7% #BAC6E2	RGB 186 198 226	#BAC6E2
33.3%	33.3% #ABBAD9	RGB 171 186 217	#ABBAD9
50.0%	50.0% #9BADD0	RGB 155 173 208	#9BADD0
66.7%	66.7% #8CA1C7	RGB 140 161 199	#8CA1C7
83.3%	83.3% #7C94BE	RGB 124 148 190	#7C94BE
100.0%	100.0% #6D88B6	RGB 109 136 182	#6D88B6

#CAD3EB #BAC6E2 #ABBAD9 #9BADD0 #8CA1C7 #7C94BE #6D88B6

#CAD3EB - #6D88B6

HSV Blend

#CAD3EB - #6D88B6 | 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 #CAD3EB as 0% and #6D88B6 as 100%.

0.0%	0.0% #CAD3EB	RGB 202 211 235	#CAD3EB
16.7%	16.7% #B8C4E2	RGB 184 196 226	#B8C4E2
33.3%	33.3% #A7B7D9	RGB 167 183 217	#A7B7D9
50.0%	50.0% #98AAD0	RGB 152 170 208	#98AAD0
66.7%	66.7% #889EC7	RGB 136 158 199	#889EC7
83.3%	83.3% #7A92BE	RGB 122 146 190	#7A92BE
100.0%	100.0% #6D88B6	RGB 109 136 182	#6D88B6

#CAD3EB #B8C4E2 #A7B7D9 #98AAD0 #889EC7 #7A92BE #6D88B6

#CAD3EB - #98AAD0 - #6D88B6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CAD3EB 0%, #98AAD0 50%, #6D88B6 100%);
    background: -webkit-linear-gradient(top, #CAD3EB 0%, #98AAD0 50%, #6D88B6 100%);
    background: linear-gradient(to bottom, #CAD3EB 0%, #98AAD0 50%, #6D88B6 100%);
}
</style>