#788EB6 - #C9C7C5 | 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 #788EB6 to #C9C7C5

#788EB6 #C9C7C5

Calculate the color between two colors, #788EB6 and #C9C7C5. 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)

#788EB6 - #C9C7C5 | 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 #788EB6 as 0% and #C9C7C5 as 100%.

0.0%	0.0% #788EB6	RGB 120 142 182	#788EB6
16.7%	16.7% #8597B8	RGB 133 151 184	#8597B8
33.3%	33.3% #93A1BB	RGB 147 161 187	#93A1BB
50.0%	50.0% #A0AABD	RGB 160 170 189	#A0AABD
66.7%	66.7% #AEB4C0	RGB 174 180 192	#AEB4C0
83.3%	83.3% #BBBDC2	RGB 187 189 194	#BBBDC2
100.0%	100.0% #C9C7C5	RGB 201 199 197	#C9C7C5

#788EB6 #8597B8 #93A1BB #A0AABD #AEB4C0 #BBBDC2 #C9C7C5

#788EB6 - #C9C7C5

HSV Blend

#788EB6 - #C9C7C5 | 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 #788EB6 as 0% and #C9C7C5 as 100%.

0.0%	0.0% #788EB6	RGB 120 142 182	#788EB6
16.7%	16.7% #8A83B9	RGB 138 131 185	#8A83B9
33.3%	33.3% #AA90BC	RGB 170 144 188	#AA90BC
50.0%	50.0% #BF9CBC	RGB 191 156 188	#BF9CBC
66.7%	66.7% #C2A9B5	RGB 194 169 181	#C2A9B5
83.3%	83.3% #C5B7B7	RGB 197 183 183	#C5B7B7
100.0%	100.0% #C9C7C5	RGB 201 199 197	#C9C7C5

#788EB6 #8A83B9 #AA90BC #BF9CBC #C2A9B5 #C5B7B7 #C9C7C5

#788EB6 - #BF9CBC - #C9C7C5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #788EB6 0%, #BF9CBC 50%, #C9C7C5 100%);
    background: -webkit-linear-gradient(top, #788EB6 0%, #BF9CBC 50%, #C9C7C5 100%);
    background: linear-gradient(to bottom, #788EB6 0%, #BF9CBC 50%, #C9C7C5 100%);
}
</style>