#928C9A - #FFB8C6 | 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 #928C9A to #FFB8C6

#928C9A #FFB8C6

Calculate the color between two colors, #928C9A and #FFB8C6. 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)

#928C9A - #FFB8C6 | 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 #928C9A as 0% and #FFB8C6 as 100%.

0.0%	0.0% #928C9A	RGB 146 140 154	#928C9A
16.7%	16.7% #A493A1	RGB 164 147 161	#A493A1
33.3%	33.3% #B69AA8	RGB 182 154 168	#B69AA8
50.0%	50.0% #C8A2B0	RGB 200 162 176	#C8A2B0
66.7%	66.7% #DAA9B7	RGB 218 169 183	#DAA9B7
83.3%	83.3% #ECB0BE	RGB 236 176 190	#ECB0BE
100.0%	100.0% #FFB8C6	RGB 255 184 198	#FFB8C6

#928C9A #A493A1 #B69AA8 #C8A2B0 #DAA9B7 #ECB0BE #FFB8C6

#928C9A - #FFB8C6

HSV Blend

#928C9A - #FFB8C6 | 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 #928C9A as 0% and #FFB8C6 as 100%.

0.0%	0.0% #928C9A	RGB 146 140 154	#928C9A
16.7%	16.7% #A395AA	RGB 163 149 170	#A395AA
33.3%	33.3% #B89EBB	RGB 184 158 187	#B89EBB
50.0%	50.0% #CCA6C8	RGB 204 166 200	#CCA6C8
66.7%	66.7% #DDADCC	RGB 221 173 204	#DDADCC
83.3%	83.3% #EEB3CC	RGB 238 179 204	#EEB3CC
100.0%	100.0% #FFB8C6	RGB 255 184 198	#FFB8C6

#928C9A #A395AA #B89EBB #CCA6C8 #DDADCC #EEB3CC #FFB8C6

#928C9A - #CCA6C8 - #FFB8C6

CSS codes

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

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