#CFE3E7 - #7F9AB1 | 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 #CFE3E7 to #7F9AB1

#CFE3E7 #7F9AB1

Calculate the color between two colors, #CFE3E7 and #7F9AB1. 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)

#CFE3E7 - #7F9AB1 | 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 #CFE3E7 as 0% and #7F9AB1 as 100%.

0.0%	0.0% #CFE3E7	RGB 207 227 231	#CFE3E7
16.7%	16.7% #C1D6DE	RGB 193 214 222	#C1D6DE
33.3%	33.3% #B4CAD5	RGB 180 202 213	#B4CAD5
50.0%	50.0% #A7BECC	RGB 167 190 204	#A7BECC
66.7%	66.7% #99B2C3	RGB 153 178 195	#99B2C3
83.3%	83.3% #8CA6BA	RGB 140 166 186	#8CA6BA
100.0%	100.0% #7F9AB1	RGB 127 154 177	#7F9AB1

#CFE3E7 #C1D6DE #B4CAD5 #A7BECC #99B2C3 #8CA6BA #7F9AB1

#CFE3E7 - #7F9AB1

HSV Blend

#CFE3E7 - #7F9AB1 | 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 #CFE3E7 as 0% and #7F9AB1 as 100%.

0.0%	0.0% #CFE3E7	RGB 207 227 231	#CFE3E7
16.7%	16.7% #C0D7DE	RGB 192 215 222	#C0D7DE
33.3%	33.3% #B2CBD5	RGB 178 203 213	#B2CBD5
50.0%	50.0% #A4BFCC	RGB 164 191 204	#A4BFCC
66.7%	66.7% #97B3C3	RGB 151 179 195	#97B3C3
83.3%	83.3% #8AA6BA	RGB 138 166 186	#8AA6BA
100.0%	100.0% #7F9AB1	RGB 127 154 177	#7F9AB1

#CFE3E7 #C0D7DE #B2CBD5 #A4BFCC #97B3C3 #8AA6BA #7F9AB1

#CFE3E7 - #A4BFCC - #7F9AB1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CFE3E7 0%, #A4BFCC 50%, #7F9AB1 100%);
    background: -webkit-linear-gradient(top, #CFE3E7 0%, #A4BFCC 50%, #7F9AB1 100%);
    background: linear-gradient(to bottom, #CFE3E7 0%, #A4BFCC 50%, #7F9AB1 100%);
}
</style>