#C8CBDB - #6A819F | 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 #C8CBDB to #6A819F

#C8CBDB #6A819F

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

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

0.0%	0.0% #C8CBDB	RGB 200 203 219	#C8CBDB
16.7%	16.7% #B8BED1	RGB 184 190 209	#B8BED1
33.3%	33.3% #A8B2C7	RGB 168 178 199	#A8B2C7
50.0%	50.0% #99A6BD	RGB 153 166 189	#99A6BD
66.7%	66.7% #8999B3	RGB 137 153 179	#8999B3
83.3%	83.3% #798DA9	RGB 121 141 169	#798DA9
100.0%	100.0% #6A819F	RGB 106 129 159	#6A819F

#C8CBDB #B8BED1 #A8B2C7 #99A6BD #8999B3 #798DA9 #6A819F

#C8CBDB - #6A819F

HSV Blend

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

0.0%	0.0% #C8CBDB	RGB 200 203 219	#C8CBDB
16.7%	16.7% #B6BBD1	RGB 182 187 209	#B6BBD1
33.3%	33.3% #A5ADC7	RGB 165 173 199	#A5ADC7
50.0%	50.0% #95A1BD	RGB 149 161 189	#95A1BD
66.7%	66.7% #8695B3	RGB 134 149 179	#8695B3
83.3%	83.3% #778AA9	RGB 119 138 169	#778AA9
100.0%	100.0% #6A819F	RGB 106 129 159	#6A819F

#C8CBDB #B6BBD1 #A5ADC7 #95A1BD #8695B3 #778AA9 #6A819F

#C8CBDB - #95A1BD - #6A819F

CSS codes

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

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