#CA788B - #8B263E | 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 #CA788B to #8B263E

#CA788B #8B263E

Calculate the color between two colors, #CA788B and #8B263E. 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)

#CA788B - #8B263E | 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 #CA788B as 0% and #8B263E as 100%.

0.0%	0.0% #CA788B	RGB 202 120 139	#CA788B
16.7%	16.7% #BF6A7E	RGB 191 106 126	#BF6A7E
33.3%	33.3% #B55C71	RGB 181 92 113	#B55C71
50.0%	50.0% #AA4F64	RGB 170 79 100	#AA4F64
66.7%	66.7% #A04157	RGB 160 65 87	#A04157
83.3%	83.3% #95334A	RGB 149 51 74	#95334A
100.0%	100.0% #8B263E	RGB 139 38 62	#8B263E

#CA788B #BF6A7E #B55C71 #AA4F64 #A04157 #95334A #8B263E

#CA788B - #8B263E

HSV Blend

#CA788B - #8B263E | 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 #CA788B as 0% and #8B263E as 100%.

0.0%	0.0% #CA788A	RGB 202 120 138	#CA788A
16.7%	16.7% #BF677B	RGB 191 103 123	#BF677B
33.3%	33.3% #B5586D	RGB 181 88 109	#B5586D
50.0%	50.0% #AA4960	RGB 170 73 96	#AA4960
66.7%	66.7% #A03C54	RGB 160 60 84	#A03C54
83.3%	83.3% #953048	RGB 149 48 72	#953048
100.0%	100.0% #8B263E	RGB 139 38 62	#8B263E

#CA788A #BF677B #B5586D #AA4960 #A03C54 #953048 #8B263E

#CA788B - #AA4960 - #8B263E

CSS codes

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

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