#C5D4DF - #6F88A6 | 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 #C5D4DF to #6F88A6

#C5D4DF #6F88A6

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

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

0.0%	0.0% #C5D4DF	RGB 197 212 223	#C5D4DF
16.7%	16.7% #B6C7D5	RGB 182 199 213	#B6C7D5
33.3%	33.3% #A8BACC	RGB 168 186 204	#A8BACC
50.0%	50.0% #9AAEC2	RGB 154 174 194	#9AAEC2
66.7%	66.7% #8BA1B9	RGB 139 161 185	#8BA1B9
83.3%	83.3% #7D94AF	RGB 125 148 175	#7D94AF
100.0%	100.0% #6F88A6	RGB 111 136 166	#6F88A6

#C5D4DF #B6C7D5 #A8BACC #9AAEC2 #8BA1B9 #7D94AF #6F88A6

#C5D4DF - #6F88A6

HSV Blend

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

0.0%	0.0% #C5D4DF	RGB 197 212 223	#C5D4DF
16.7%	16.7% #B4C7D5	RGB 180 199 213	#B4C7D5
33.3%	33.3% #A5BACC	RGB 165 186 204	#A5BACC
50.0%	50.0% #96ADC2	RGB 150 173 194	#96ADC2
66.7%	66.7% #88A0B9	RGB 136 160 185	#88A0B9
83.3%	83.3% #7B94AF	RGB 123 148 175	#7B94AF
100.0%	100.0% #6F88A6	RGB 111 136 166	#6F88A6

#C5D4DF #B4C7D5 #A5BACC #96ADC2 #88A0B9 #7B94AF #6F88A6

#C5D4DF - #96ADC2 - #6F88A6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5D4DF 0%, #96ADC2 50%, #6F88A6 100%);
    background: -webkit-linear-gradient(top, #C5D4DF 0%, #96ADC2 50%, #6F88A6 100%);
    background: linear-gradient(to bottom, #C5D4DF 0%, #96ADC2 50%, #6F88A6 100%);
}
</style>