#93669A - #FFAF9D | 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 #93669A to #FFAF9D

#93669A #FFAF9D

Calculate the color between two colors, #93669A and #FFAF9D. 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)

#93669A - #FFAF9D | 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 #93669A as 0% and #FFAF9D as 100%.

0.0%	0.0% #93669A	RGB 147 102 154	#93669A
16.7%	16.7% #A5729A	RGB 165 114 154	#A5729A
33.3%	33.3% #B77E9B	RGB 183 126 155	#B77E9B
50.0%	50.0% #C98A9B	RGB 201 138 155	#C98A9B
66.7%	66.7% #DB969C	RGB 219 150 156	#DB969C
83.3%	83.3% #EDA29C	RGB 237 162 156	#EDA29C
100.0%	100.0% #FFAF9D	RGB 255 175 157	#FFAF9D

#93669A #A5729A #B77E9B #C98A9B #DB969C #EDA29C #FFAF9D

#93669A - #FFAF9D

HSV Blend

#93669A - #FFAF9D | 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 #93669A as 0% and #FFAF9D as 100%.

0.0%	0.0% #92669A	RGB 146 102 154	#92669A
16.7%	16.7% #AA6FA5	RGB 170 111 165	#AA6FA5
33.3%	33.3% #BB79A7	RGB 187 121 167	#BB79A7
50.0%	50.0% #CC82A5	RGB 204 130 165	#CC82A5
66.7%	66.7% #DD8BA0	RGB 221 139 160	#DD8BA0
83.3%	83.3% #EE9497	RGB 238 148 151	#EE9497
100.0%	100.0% #FFAF9D	RGB 255 175 157	#FFAF9D

#92669A #AA6FA5 #BB79A7 #CC82A5 #DD8BA0 #EE9497 #FFAF9D

#93669A - #CC82A5 - #FFAF9D

CSS codes

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

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