#C6CADB - #73689B | 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 #C6CADB to #73689B

#C6CADB #73689B

Calculate the color between two colors, #C6CADB and #73689B. 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)

#C6CADB - #73689B | 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 #C6CADB as 0% and #73689B as 100%.

0.0%	0.0% #C6CADB	RGB 198 202 219	#C6CADB
16.7%	16.7% #B8B9D0	RGB 184 185 208	#B8B9D0
33.3%	33.3% #AAA9C5	RGB 170 169 197	#AAA9C5
50.0%	50.0% #9C99BB	RGB 156 153 187	#9C99BB
66.7%	66.7% #8E88B0	RGB 142 136 176	#8E88B0
83.3%	83.3% #8078A5	RGB 128 120 165	#8078A5
100.0%	100.0% #73689B	RGB 115 104 155	#73689B

#C6CADB #B8B9D0 #AAA9C5 #9C99BB #8E88B0 #8078A5 #73689B

#C6CADB - #73689B

HSV Blend

#C6CADB - #73689B | 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 #C6CADB as 0% and #73689B as 100%.

0.0%	0.0% #C6CADB	RGB 198 202 219	#C6CADB
16.7%	16.7% #B4B7D0	RGB 180 183 208	#B4B7D0
33.3%	33.3% #A3A5C5	RGB 163 165 197	#A3A5C5
50.0%	50.0% #9393BB	RGB 147 147 187	#9393BB
66.7%	66.7% #8784B0	RGB 135 132 176	#8784B0
83.3%	83.3% #7C75A5	RGB 124 117 165	#7C75A5
100.0%	100.0% #73689B	RGB 115 104 155	#73689B

#C6CADB #B4B7D0 #A3A5C5 #9393BB #8784B0 #7C75A5 #73689B

#C6CADB - #9393BB - #73689B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C6CADB 0%, #9393BB 50%, #73689B 100%);
    background: -webkit-linear-gradient(top, #C6CADB 0%, #9393BB 50%, #73689B 100%);
    background: linear-gradient(to bottom, #C6CADB 0%, #9393BB 50%, #73689B 100%);
}
</style>