#C8C9EB - #657CB6 | 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 #C8C9EB to #657CB6

#C8C9EB #657CB6

Calculate the color between two colors, #C8C9EB and #657CB6. 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)

#C8C9EB - #657CB6 | 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 #C8C9EB as 0% and #657CB6 as 100%.

0.0%	0.0% #C8C9EB	RGB 200 201 235	#C8C9EB
16.7%	16.7% #B7BCE2	RGB 183 188 226	#B7BCE2
33.3%	33.3% #A7AFD9	RGB 167 175 217	#A7AFD9
50.0%	50.0% #96A2D0	RGB 150 162 208	#96A2D0
66.7%	66.7% #8695C7	RGB 134 149 199	#8695C7
83.3%	83.3% #7588BE	RGB 117 136 190	#7588BE
100.0%	100.0% #657CB6	RGB 101 124 182	#657CB6

#C8C9EB #B7BCE2 #A7AFD9 #96A2D0 #8695C7 #7588BE #657CB6

#C8C9EB - #657CB6

HSV Blend

#C8C9EB - #657CB6 | 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 #C8C9EB as 0% and #657CB6 as 100%.

0.0%	0.0% #C8C9EB	RGB 200 201 235	#C8C9EB
16.7%	16.7% #B5B8E2	RGB 181 184 226	#B5B8E2
33.3%	33.3% #A3A9D9	RGB 163 169 217	#A3A9D9
50.0%	50.0% #929CD0	RGB 146 156 208	#929CD0
66.7%	66.7% #8290C7	RGB 130 144 199	#8290C7
83.3%	83.3% #7385BE	RGB 115 133 190	#7385BE
100.0%	100.0% #657CB6	RGB 101 124 182	#657CB6

#C8C9EB #B5B8E2 #A3A9D9 #929CD0 #8290C7 #7385BE #657CB6

#C8C9EB - #929CD0 - #657CB6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8C9EB 0%, #929CD0 50%, #657CB6 100%);
    background: -webkit-linear-gradient(top, #C8C9EB 0%, #929CD0 50%, #657CB6 100%);
    background: linear-gradient(to bottom, #C8C9EB 0%, #929CD0 50%, #657CB6 100%);
}
</style>