#C0B2D9 - #745197 | 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 #C0B2D9 to #745197

#C0B2D9 #745197

Calculate the color between two colors, #C0B2D9 and #745197. 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)

#C0B2D9 - #745197 | 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 #C0B2D9 as 0% and #745197 as 100%.

0.0%	0.0% #C0B2D9	RGB 192 178 217	#C0B2D9
16.7%	16.7% #B3A1CE	RGB 179 161 206	#B3A1CE
33.3%	33.3% #A691C3	RGB 166 145 195	#A691C3
50.0%	50.0% #9A81B8	RGB 154 129 184	#9A81B8
66.7%	66.7% #8D71AD	RGB 141 113 173	#8D71AD
83.3%	83.3% #8061A2	RGB 128 97 162	#8061A2
100.0%	100.0% #745197	RGB 116 81 151	#745197

#C0B2D9 #B3A1CE #A691C3 #9A81B8 #8D71AD #8061A2 #745197

#C0B2D9 - #745197

HSV Blend

#C0B2D9 - #745197 | 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 #C0B2D9 as 0% and #745197 as 100%.

0.0%	0.0% #C0B2D9	RGB 192 178 217	#C0B2D9
16.7%	16.7% #B19FCE	RGB 177 159 206	#B19FCE
33.3%	33.3% #A38DC3	RGB 163 141 195	#A38DC3
50.0%	50.0% #967CB8	RGB 150 124 184	#967CB8
66.7%	66.7% #8A6DAD	RGB 138 109 173	#8A6DAD
83.3%	83.3% #7E5EA2	RGB 126 94 162	#7E5EA2
100.0%	100.0% #745197	RGB 116 81 151	#745197

#C0B2D9 #B19FCE #A38DC3 #967CB8 #8A6DAD #7E5EA2 #745197

#C0B2D9 - #967CB8 - #745197

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0B2D9 0%, #967CB8 50%, #745197 100%);
    background: -webkit-linear-gradient(top, #C0B2D9 0%, #967CB8 50%, #745197 100%);
    background: linear-gradient(to bottom, #C0B2D9 0%, #967CB8 50%, #745197 100%);
}
</style>