#C4DFE6 - #6B9EB0 | 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 #C4DFE6 to #6B9EB0

#C4DFE6 #6B9EB0

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

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

0.0%	0.0% #C4DFE6	RGB 196 223 230	#C4DFE6
16.7%	16.7% #B5D4DD	RGB 181 212 221	#B5D4DD
33.3%	33.3% #A6C9D4	RGB 166 201 212	#A6C9D4
50.0%	50.0% #97BECB	RGB 151 190 203	#97BECB
66.7%	66.7% #88B3C2	RGB 136 179 194	#88B3C2
83.3%	83.3% #79A8B9	RGB 121 168 185	#79A8B9
100.0%	100.0% #6B9EB0	RGB 107 158 176	#6B9EB0

#C4DFE6 #B5D4DD #A6C9D4 #97BECB #88B3C2 #79A8B9 #6B9EB0

#C4DFE6 - #6B9EB0

HSV Blend

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

0.0%	0.0% #C4DFE6	RGB 196 223 230	#C4DFE6
16.7%	16.7% #B3D4DD	RGB 179 212 221	#B3D4DD
33.3%	33.3% #A3C9D4	RGB 163 201 212	#A3C9D4
50.0%	50.0% #94BECB	RGB 148 190 203	#94BECB
66.7%	66.7% #85B3C2	RGB 133 179 194	#85B3C2
83.3%	83.3% #78A8B9	RGB 120 168 185	#78A8B9
100.0%	100.0% #6B9EB0	RGB 107 158 176	#6B9EB0

#C4DFE6 #B3D4DD #A3C9D4 #94BECB #85B3C2 #78A8B9 #6B9EB0

#C4DFE6 - #94BECB - #6B9EB0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C4DFE6 0%, #94BECB 50%, #6B9EB0 100%);
    background: -webkit-linear-gradient(top, #C4DFE6 0%, #94BECB 50%, #6B9EB0 100%);
    background: linear-gradient(to bottom, #C4DFE6 0%, #94BECB 50%, #6B9EB0 100%);
}
</style>