#C07DB2 - #FBD3D0 | 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 #C07DB2 to #FBD3D0

#C07DB2 #FBD3D0

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

#C07DB2 - #FBD3D0 | 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 #C07DB2 as 0% and #FBD3D0 as 100%.

0.0%	0.0% #C07DB2	RGB 192 125 178	#C07DB2
16.7%	16.7% #C98BB7	RGB 201 139 183	#C98BB7
33.3%	33.3% #D399BC	RGB 211 153 188	#D399BC
50.0%	50.0% #DDA8C1	RGB 221 168 193	#DDA8C1
66.7%	66.7% #E7B6C6	RGB 231 182 198	#E7B6C6
83.3%	83.3% #F1C4CB	RGB 241 196 203	#F1C4CB
100.0%	100.0% #FBD3D0	RGB 251 211 208	#FBD3D0

#C07DB2 #C98BB7 #D399BC #DDA8C1 #E7B6C6 #F1C4CB #FBD3D0

#C07DB2 - #FBD3D0

HSV Blend

#C07DB2 - #FBD3D0 | 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 #C07DB2 as 0% and #FBD3D0 as 100%.

0.0%	0.0% #C07DB2	RGB 192 125 178	#C07DB2
16.7%	16.7% #C989B3	RGB 201 137 179	#C989B3
33.3%	33.3% #D396B5	RGB 211 150 181	#D396B5
50.0%	50.0% #DDA3B8	RGB 221 163 184	#DDA3B8
66.7%	66.7% #E7B2BD	RGB 231 178 189	#E7B2BD
83.3%	83.3% #F1C0C4	RGB 241 192 196	#F1C0C4
100.0%	100.0% #FBD3D0	RGB 251 211 208	#FBD3D0

#C07DB2 #C989B3 #D396B5 #DDA3B8 #E7B2BD #F1C0C4 #FBD3D0

#C07DB2 - #DDA3B8 - #FBD3D0

CSS codes

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

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