#825EB6 - #EFB0C3 | 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 #825EB6 to #EFB0C3

#825EB6 #EFB0C3

Calculate the color between two colors, #825EB6 and #EFB0C3. 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)

#825EB6 - #EFB0C3 | 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 #825EB6 as 0% and #EFB0C3 as 100%.

0.0%	0.0% #825EB6	RGB 130 94 182	#825EB6
16.7%	16.7% #946BB8	RGB 148 107 184	#946BB8
33.3%	33.3% #A679BA	RGB 166 121 186	#A679BA
50.0%	50.0% #B887BC	RGB 184 135 188	#B887BC
66.7%	66.7% #CA94BE	RGB 202 148 190	#CA94BE
83.3%	83.3% #DCA2C0	RGB 220 162 192	#DCA2C0
100.0%	100.0% #EFB0C3	RGB 239 176 195	#EFB0C3

#825EB6 #946BB8 #A679BA #B887BC #CA94BE #DCA2C0 #EFB0C3

#825EB6 - #EFB0C3

HSV Blend

#825EB6 - #EFB0C3 | 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 #825EB6 as 0% and #EFB0C3 as 100%.

0.0%	0.0% #825EB6	RGB 130 94 182	#825EB6
16.7%	16.7% #9F69BF	RGB 159 105 191	#9F69BF
33.3%	33.3% #BB76C9	RGB 187 118 201	#BB76C9
50.0%	50.0% #D283CE	RGB 210 131 206	#D283CE
66.7%	66.7% #DC91C8	RGB 220 145 200	#DC91C8
83.3%	83.3% #E5A0C4	RGB 229 160 196	#E5A0C4
100.0%	100.0% #EFB0C3	RGB 239 176 195	#EFB0C3

#825EB6 #9F69BF #BB76C9 #D283CE #DC91C8 #E5A0C4 #EFB0C3

#825EB6 - #D283CE - #EFB0C3

CSS codes

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

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