#CF9FAB - #3B2D30 | 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 #CF9FAB to #3B2D30

#CF9FAB #3B2D30

Calculate the color between two colors, #CF9FAB and #3B2D30. 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)

#CF9FAB - #3B2D30 | 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 #CF9FAB as 0% and #3B2D30 as 100%.

0.0%	0.0% #CF9FAB	RGB 207 159 171	#CF9FAB
16.7%	16.7% #B68C96	RGB 182 140 150	#B68C96
33.3%	33.3% #9D7982	RGB 157 121 130	#9D7982
50.0%	50.0% #85666D	RGB 133 102 109	#85666D
66.7%	66.7% #6C5359	RGB 108 83 89	#6C5359
83.3%	83.3% #534044	RGB 83 64 68	#534044
100.0%	100.0% #3B2D30	RGB 59 45 48	#3B2D30

#CF9FAB #B68C96 #9D7982 #85666D #6C5359 #534044 #3B2D30

#CF9FAB - #3B2D30

HSV Blend

#CF9FAB - #3B2D30 | 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 #CF9FAB as 0% and #3B2D30 as 100%.

0.0%	0.0% #CF9FAB	RGB 207 159 171	#CF9FAB
16.7%	16.7% #B68B96	RGB 182 139 150	#B68B96
33.3%	33.3% #9D7881	RGB 157 120 129	#9D7881
50.0%	50.0% #85656D	RGB 133 101 109	#85656D
66.7%	66.7% #6C5258	RGB 108 82 88	#6C5258
83.3%	83.3% #533F44	RGB 83 63 68	#533F44
100.0%	100.0% #3B2D30	RGB 59 45 48	#3B2D30

#CF9FAB #B68B96 #9D7881 #85656D #6C5258 #533F44 #3B2D30

#CF9FAB - #85656D - #3B2D30

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CF9FAB 0%, #85656D 50%, #3B2D30 100%);
    background: -webkit-linear-gradient(top, #CF9FAB 0%, #85656D 50%, #3B2D30 100%);
    background: linear-gradient(to bottom, #CF9FAB 0%, #85656D 50%, #3B2D30 100%);
}
</style>