#CAA3BC - #392E35 | 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 #CAA3BC to #392E35

#CAA3BC #392E35

Calculate the color between two colors, #CAA3BC and #392E35. 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)

#CAA3BC - #392E35 | 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 #CAA3BC as 0% and #392E35 as 100%.

0.0%	0.0% #CAA3BC	RGB 202 163 188	#CAA3BC
16.7%	16.7% #B18FA5	RGB 177 143 165	#B18FA5
33.3%	33.3% #997C8F	RGB 153 124 143	#997C8F
50.0%	50.0% #816878	RGB 129 104 120	#816878
66.7%	66.7% #695562	RGB 105 85 98	#695562
83.3%	83.3% #51414B	RGB 81 65 75	#51414B
100.0%	100.0% #392E35	RGB 57 46 53	#392E35

#CAA3BC #B18FA5 #997C8F #816878 #695562 #51414B #392E35

#CAA3BC - #392E35

HSV Blend

#CAA3BC - #392E35 | 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 #CAA3BC as 0% and #392E35 as 100%.

0.0%	0.0% #CAA3BC	RGB 202 163 188	#CAA3BC
16.7%	16.7% #B18FA5	RGB 177 143 165	#B18FA5
33.3%	33.3% #997C8E	RGB 153 124 142	#997C8E
50.0%	50.0% #816878	RGB 129 104 120	#816878
66.7%	66.7% #695561	RGB 105 85 97	#695561
83.3%	83.3% #51414B	RGB 81 65 75	#51414B
100.0%	100.0% #392E35	RGB 57 46 53	#392E35

#CAA3BC #B18FA5 #997C8E #816878 #695561 #51414B #392E35

#CAA3BC - #816878 - #392E35

CSS codes

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

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