#E6C9CD - #AF6B81 | 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 #E6C9CD to #AF6B81

#E6C9CD #AF6B81

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

#E6C9CD - #AF6B81 | 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 #E6C9CD as 0% and #AF6B81 as 100%.

0.0%	0.0% #E6C9CD	RGB 230 201 205	#E6C9CD
16.7%	16.7% #DCB9C0	RGB 220 185 192	#DCB9C0
33.3%	33.3% #D3A9B3	RGB 211 169 179	#D3A9B3
50.0%	50.0% #CA9AA7	RGB 202 154 167	#CA9AA7
66.7%	66.7% #C18A9A	RGB 193 138 154	#C18A9A
83.3%	83.3% #B87A8D	RGB 184 122 141	#B87A8D
100.0%	100.0% #AF6B81	RGB 175 107 129	#AF6B81

#E6C9CD #DCB9C0 #D3A9B3 #CA9AA7 #C18A9A #B87A8D #AF6B81

#E6C9CD - #AF6B81

HSV Blend

#E6C9CD - #AF6B81 | 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 #E6C9CD as 0% and #AF6B81 as 100%.

0.0%	0.0% #E6C9CD	RGB 230 201 205	#E6C9CD
16.7%	16.7% #DCB7BD	RGB 220 183 189	#DCB7BD
33.3%	33.3% #D3A6AF	RGB 211 166 175	#D3A6AF
50.0%	50.0% #CA96A2	RGB 202 150 162	#CA96A2
66.7%	66.7% #C18796	RGB 193 135 150	#C18796
83.3%	83.3% #B8788B	RGB 184 120 139	#B8788B
100.0%	100.0% #AF6B81	RGB 175 107 129	#AF6B81

#E6C9CD #DCB7BD #D3A6AF #CA96A2 #C18796 #B8788B #AF6B81

#E6C9CD - #CA96A2 - #AF6B81

CSS codes

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

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