#C5CBE1 - #6B7FA2 | 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 #C5CBE1 to #6B7FA2

#C5CBE1 #6B7FA2

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

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

0.0%	0.0% #C5CBE1	RGB 197 203 225	#C5CBE1
16.7%	16.7% #B6BED6	RGB 182 190 214	#B6BED6
33.3%	33.3% #A7B1CC	RGB 167 177 204	#A7B1CC
50.0%	50.0% #98A5C1	RGB 152 165 193	#98A5C1
66.7%	66.7% #8998B7	RGB 137 152 183	#8998B7
83.3%	83.3% #7A8BAC	RGB 122 139 172	#7A8BAC
100.0%	100.0% #6B7FA2	RGB 107 127 162	#6B7FA2

#C5CBE1 #B6BED6 #A7B1CC #98A5C1 #8998B7 #7A8BAC #6B7FA2

#C5CBE1 - #6B7FA2

HSV Blend

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

0.0%	0.0% #C5CBE1	RGB 197 203 225	#C5CBE1
16.7%	16.7% #B4BCD6	RGB 180 188 214	#B4BCD6
33.3%	33.3% #A3AECC	RGB 163 174 204	#A3AECC
50.0%	50.0% #94A1C1	RGB 148 161 193	#94A1C1
66.7%	66.7% #8595B7	RGB 133 149 183	#8595B7
83.3%	83.3% #7889AC	RGB 120 137 172	#7889AC
100.0%	100.0% #6B7FA2	RGB 107 127 162	#6B7FA2

#C5CBE1 #B4BCD6 #A3AECC #94A1C1 #8595B7 #7889AC #6B7FA2

#C5CBE1 - #94A1C1 - #6B7FA2

CSS codes

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

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