#855762 - #DCCFD2 | 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 #855762 to #DCCFD2

#855762 #DCCFD2

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

#855762 - #DCCFD2 | 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 #855762 as 0% and #DCCFD2 as 100%.

0.0%	0.0% #855762	RGB 133 87 98	#855762
16.7%	16.7% #936B74	RGB 147 107 116	#936B74
33.3%	33.3% #A27F87	RGB 162 127 135	#A27F87
50.0%	50.0% #B0939A	RGB 176 147 154	#B0939A
66.7%	66.7% #BFA7AC	RGB 191 167 172	#BFA7AC
83.3%	83.3% #CDBBBF	RGB 205 187 191	#CDBBBF
100.0%	100.0% #DCCFD2	RGB 220 207 210	#DCCFD2

#855762 #936B74 #A27F87 #B0939A #BFA7AC #CDBBBF #DCCFD2

#855762 - #DCCFD2

HSV Blend

#855762 - #DCCFD2 | 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 #855762 as 0% and #DCCFD2 as 100%.

0.0%	0.0% #855762	RGB 133 87 98	#855762
16.7%	16.7% #936771	RGB 147 103 113	#936771
33.3%	33.3% #A27983	RGB 162 121 131	#A27983
50.0%	50.0% #B08C95	RGB 176 140 149	#B08C95
66.7%	66.7% #BFA1A8	RGB 191 161 168	#BFA1A8
83.3%	83.3% #CDB7BC	RGB 205 183 188	#CDB7BC
100.0%	100.0% #DCCFD2	RGB 220 207 210	#DCCFD2

#855762 #936771 #A27983 #B08C95 #BFA1A8 #CDB7BC #DCCFD2

#855762 - #B08C95 - #DCCFD2

CSS codes

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

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