#C8D0E6 - #6B84AF | 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 #C8D0E6 to #6B84AF

#C8D0E6 #6B84AF

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

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

0.0%	0.0% #C8D0E6	RGB 200 208 230	#C8D0E6
16.7%	16.7% #B8C3DC	RGB 184 195 220	#B8C3DC
33.3%	33.3% #A9B6D3	RGB 169 182 211	#A9B6D3
50.0%	50.0% #99AACA	RGB 153 170 202	#99AACA
66.7%	66.7% #8A9DC1	RGB 138 157 193	#8A9DC1
83.3%	83.3% #7A90B8	RGB 122 144 184	#7A90B8
100.0%	100.0% #6B84AF	RGB 107 132 175	#6B84AF

#C8D0E6 #B8C3DC #A9B6D3 #99AACA #8A9DC1 #7A90B8 #6B84AF

#C8D0E6 - #6B84AF

HSV Blend

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

0.0%	0.0% #C8D0E6	RGB 200 208 230	#C8D0E6
16.7%	16.7% #B6C1DC	RGB 182 193 220	#B6C1DC
33.3%	33.3% #A5B3D3	RGB 165 179 211	#A5B3D3
50.0%	50.0% #95A6CA	RGB 149 166 202	#95A6CA
66.7%	66.7% #869AC1	RGB 134 154 193	#869AC1
83.3%	83.3% #788EB8	RGB 120 142 184	#788EB8
100.0%	100.0% #6B84AF	RGB 107 132 175	#6B84AF

#C8D0E6 #B6C1DC #A5B3D3 #95A6CA #869AC1 #788EB8 #6B84AF

#C8D0E6 - #95A6CA - #6B84AF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8D0E6 0%, #95A6CA 50%, #6B84AF 100%);
    background: -webkit-linear-gradient(top, #C8D0E6 0%, #95A6CA 50%, #6B84AF 100%);
    background: linear-gradient(to bottom, #C8D0E6 0%, #95A6CA 50%, #6B84AF 100%);
}
</style>