#C7B9F3 - #383445 | 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 #C7B9F3 to #383445

#C7B9F3 #383445

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

#C7B9F3 - #383445 | 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 #C7B9F3 as 0% and #383445 as 100%.

0.0%	0.0% #C7B9F3	RGB 199 185 243	#C7B9F3
16.7%	16.7% #AFA2D6	RGB 175 162 214	#AFA2D6
33.3%	33.3% #978CB9	RGB 151 140 185	#978CB9
50.0%	50.0% #7F769C	RGB 127 118 156	#7F769C
66.7%	66.7% #67607F	RGB 103 96 127	#67607F
83.3%	83.3% #4F4A62	RGB 79 74 98	#4F4A62
100.0%	100.0% #383445	RGB 56 52 69	#383445

#C7B9F3 #AFA2D6 #978CB9 #7F769C #67607F #4F4A62 #383445

#C7B9F3 - #383445

HSV Blend

#C7B9F3 - #383445 | 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 #C7B9F3 as 0% and #383445 as 100%.

0.0%	0.0% #C7B9F3	RGB 199 185 243	#C7B9F3
16.7%	16.7% #AEA2D6	RGB 174 162 214	#AEA2D6
33.3%	33.3% #978CB9	RGB 151 140 185	#978CB9
50.0%	50.0% #7F769C	RGB 127 118 156	#7F769C
66.7%	66.7% #67607F	RGB 103 96 127	#67607F
83.3%	83.3% #4F4962	RGB 79 73 98	#4F4962
100.0%	100.0% #383445	RGB 56 52 69	#383445

#C7B9F3 #AEA2D6 #978CB9 #7F769C #67607F #4F4962 #383445

#C7B9F3 - #7F769C - #383445

CSS codes

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

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