#C6665C - #381D1A | 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 #C6665C to #381D1A

#C6665C #381D1A

Calculate the color between two colors, #C6665C and #381D1A. 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)

#C6665C - #381D1A | 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 #C6665C as 0% and #381D1A as 100%.

0.0%	0.0% #C6665C	RGB 198 102 92	#C6665C
16.7%	16.7% #AE5951	RGB 174 89 81	#AE5951
33.3%	33.3% #964D46	RGB 150 77 70	#964D46
50.0%	50.0% #7F413B	RGB 127 65 59	#7F413B
66.7%	66.7% #673530	RGB 103 53 48	#673530
83.3%	83.3% #4F2925	RGB 79 41 37	#4F2925
100.0%	100.0% #381D1A	RGB 56 29 26	#381D1A

#C6665C #AE5951 #964D46 #7F413B #673530 #4F2925 #381D1A

#C6665C - #381D1A

HSV Blend

#C6665C - #381D1A | 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 #C6665C as 0% and #381D1A as 100%.

0.0%	0.0% #C6665C	RGB 198 102 92	#C6665C
16.7%	16.7% #AE5950	RGB 174 89 80	#AE5950
33.3%	33.3% #964D45	RGB 150 77 69	#964D45
50.0%	50.0% #7F413A	RGB 127 65 58	#7F413A
66.7%	66.7% #67352F	RGB 103 53 47	#67352F
83.3%	83.3% #4F2924	RGB 79 41 36	#4F2924
100.0%	100.0% #381D1A	RGB 56 29 26	#381D1A

#C6665C #AE5950 #964D45 #7F413A #67352F #4F2924 #381D1A

#C6665C - #7F413A - #381D1A

CSS codes

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

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