#6C7491 - #8CCDB2 | 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 #6C7491 to #8CCDB2

#6C7491 #8CCDB2

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

#6C7491 - #8CCDB2 | 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 #6C7491 as 0% and #8CCDB2 as 100%.

0.0%	0.0% #6C7491	RGB 108 116 145	#6C7491
16.7%	16.7% #718296	RGB 113 130 150	#718296
33.3%	33.3% #76919C	RGB 118 145 156	#76919C
50.0%	50.0% #7CA0A1	RGB 124 160 161	#7CA0A1
66.7%	66.7% #81AFA7	RGB 129 175 167	#81AFA7
83.3%	83.3% #86BEAC	RGB 134 190 172	#86BEAC
100.0%	100.0% #8CCDB2	RGB 140 205 178	#8CCDB2

#6C7491 #718296 #76919C #7CA0A1 #81AFA7 #86BEAC #8CCDB2

#6C7491 - #8CCDB2

HSV Blend

#6C7491 - #8CCDB2 | 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 #6C7491 as 0% and #8CCDB2 as 100%.

0.0%	0.0% #6C7491	RGB 108 116 145	#6C7491
16.7%	16.7% #71829B	RGB 113 130 155	#71829B
33.3%	33.3% #7793A5	RGB 119 147 165	#7793A5
50.0%	50.0% #7CA5AF	RGB 124 165 175	#7CA5AF
66.7%	66.7% #82B9B8	RGB 130 185 184	#82B9B8
83.3%	83.3% #87C3B6	RGB 135 195 182	#87C3B6
100.0%	100.0% #8CCDB2	RGB 140 205 178	#8CCDB2

#6C7491 #71829B #7793A5 #7CA5AF #82B9B8 #87C3B6 #8CCDB2

#6C7491 - #7CA5AF - #8CCDB2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6C7491 0%, #7CA5AF 50%, #8CCDB2 100%);
    background: -webkit-linear-gradient(top, #6C7491 0%, #7CA5AF 50%, #8CCDB2 100%);
    background: linear-gradient(to bottom, #6C7491 0%, #7CA5AF 50%, #8CCDB2 100%);
}
</style>