#C67A90 - #BAB5DF | 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 #C67A90 to #BAB5DF

#C67A90 #BAB5DF

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

#C67A90 - #BAB5DF | 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 #C67A90 as 0% and #BAB5DF as 100%.

0.0%	0.0% #C67A90	RGB 198 122 144	#C67A90
16.7%	16.7% #C4839D	RGB 196 131 157	#C4839D
33.3%	33.3% #C28DAA	RGB 194 141 170	#C28DAA
50.0%	50.0% #C097B7	RGB 192 151 183	#C097B7
66.7%	66.7% #BEA1C4	RGB 190 161 196	#BEA1C4
83.3%	83.3% #BCABD1	RGB 188 171 209	#BCABD1
100.0%	100.0% #BAB5DF	RGB 186 181 223	#BAB5DF

#C67A90 #C4839D #C28DAA #C097B7 #BEA1C4 #BCABD1 #BAB5DF

#C67A90 - #BAB5DF

HSV Blend

#C67A90 - #BAB5DF | 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 #C67A90 as 0% and #BAB5DF as 100%.

0.0%	0.0% #C67A90	RGB 198 122 144	#C67A90
16.7%	16.7% #CA83AA	RGB 202 131 170	#CA83AA
33.3%	33.3% #CE8CC2	RGB 206 140 194	#CE8CC2
50.0%	50.0% #CD96D2	RGB 205 150 210	#CD96D2
66.7%	66.7% #C3A0D6	RGB 195 160 214	#C3A0D6
83.3%	83.3% #BDAADA	RGB 189 170 218	#BDAADA
100.0%	100.0% #BAB5DF	RGB 186 181 223	#BAB5DF

#C67A90 #CA83AA #CE8CC2 #CD96D2 #C3A0D6 #BDAADA #BAB5DF

#C67A90 - #CD96D2 - #BAB5DF

CSS codes

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

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