#C78398 - #BCB6DF | 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 #C78398 to #BCB6DF

#C78398 #BCB6DF

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

#C78398 - #BCB6DF | 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 #C78398 as 0% and #BCB6DF as 100%.

0.0%	0.0% #C78398	RGB 199 131 152	#C78398
16.7%	16.7% #C58BA3	RGB 197 139 163	#C58BA3
33.3%	33.3% #C394AF	RGB 195 148 175	#C394AF
50.0%	50.0% #C19CBB	RGB 193 156 187	#C19CBB
66.7%	66.7% #BFA5C7	RGB 191 165 199	#BFA5C7
83.3%	83.3% #BDADD3	RGB 189 173 211	#BDADD3
100.0%	100.0% #BCB6DF	RGB 188 182 223	#BCB6DF

#C78398 #C58BA3 #C394AF #C19CBB #BFA5C7 #BDADD3 #BCB6DF

#C78398 - #BCB6DF

HSV Blend

#C78398 - #BCB6DF | 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 #C78398 as 0% and #BCB6DF as 100%.

0.0%	0.0% #C78398	RGB 199 131 152	#C78398
16.7%	16.7% #CB8AAF	RGB 203 138 175	#CB8AAF
33.3%	33.3% #CF93C4	RGB 207 147 196	#CF93C4
50.0%	50.0% #CE9BD3	RGB 206 155 211	#CE9BD3
66.7%	66.7% #C5A4D7	RGB 197 164 215	#C5A4D7
83.3%	83.3% #BFACDB	RGB 191 172 219	#BFACDB
100.0%	100.0% #BCB6DF	RGB 188 182 223	#BCB6DF

#C78398 #CB8AAF #CF93C4 #CE9BD3 #C5A4D7 #BFACDB #BCB6DF

#C78398 - #CE9BD3 - #BCB6DF

CSS codes

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

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