#CBD3E8 - #6F88B2 | 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 #CBD3E8 to #6F88B2

#CBD3E8 #6F88B2

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

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

0.0%	0.0% #CBD3E8	RGB 203 211 232	#CBD3E8
16.7%	16.7% #BBC6DF	RGB 187 198 223	#BBC6DF
33.3%	33.3% #ACBAD6	RGB 172 186 214	#ACBAD6
50.0%	50.0% #9DADCD	RGB 157 173 205	#9DADCD
66.7%	66.7% #8DA1C4	RGB 141 161 196	#8DA1C4
83.3%	83.3% #7E94BB	RGB 126 148 187	#7E94BB
100.0%	100.0% #6F88B2	RGB 111 136 178	#6F88B2

#CBD3E8 #BBC6DF #ACBAD6 #9DADCD #8DA1C4 #7E94BB #6F88B2

#CBD3E8 - #6F88B2

HSV Blend

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

0.0%	0.0% #CBD3E8	RGB 203 211 232	#CBD3E8
16.7%	16.7% #B9C4DF	RGB 185 196 223	#B9C4DF
33.3%	33.3% #A9B7D6	RGB 169 183 214	#A9B7D6
50.0%	50.0% #99AACD	RGB 153 170 205	#99AACD
66.7%	66.7% #8A9EC4	RGB 138 158 196	#8A9EC4
83.3%	83.3% #7C92BB	RGB 124 146 187	#7C92BB
100.0%	100.0% #6F88B2	RGB 111 136 178	#6F88B2

#CBD3E8 #B9C4DF #A9B7D6 #99AACD #8A9EC4 #7C92BB #6F88B2

#CBD3E8 - #99AACD - #6F88B2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CBD3E8 0%, #99AACD 50%, #6F88B2 100%);
    background: -webkit-linear-gradient(top, #CBD3E8 0%, #99AACD 50%, #6F88B2 100%);
    background: linear-gradient(to bottom, #CBD3E8 0%, #99AACD 50%, #6F88B2 100%);
}
</style>