#25134D - #C0BBCC | 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 #25134D to #C0BBCC

#25134D #C0BBCC

Calculate the color between two colors, #25134D and #C0BBCC. 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)

#25134D - #C0BBCC | 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 #25134D as 0% and #C0BBCC as 100%.

0.0%	0.0% #25134D	RGB 37 19 77	#25134D
16.7%	16.7% #3E2F62	RGB 62 47 98	#3E2F62
33.3%	33.3% #584B77	RGB 88 75 119	#584B77
50.0%	50.0% #72678C	RGB 114 103 140	#72678C
66.7%	66.7% #8C83A1	RGB 140 131 161	#8C83A1
83.3%	83.3% #A69FB6	RGB 166 159 182	#A69FB6
100.0%	100.0% #C0BBCC	RGB 192 187 204	#C0BBCC

#25134D #3E2F62 #584B77 #72678C #8C83A1 #A69FB6 #C0BBCC

#25134D - #C0BBCC

HSV Blend

#25134D - #C0BBCC | 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 #25134D as 0% and #C0BBCC as 100%.

0.0%	0.0% #25134D	RGB 37 19 77	#25134D
16.7%	16.7% #362362	RGB 54 35 98	#362362
33.3%	33.3% #4B3877	RGB 75 56 119	#4B3877
50.0%	50.0% #63518C	RGB 99 81 140	#63518C
66.7%	66.7% #7E70A1	RGB 126 112 161	#7E70A1
83.3%	83.3% #9D93B6	RGB 157 147 182	#9D93B6
100.0%	100.0% #C0BBCC	RGB 192 187 204	#C0BBCC

#25134D #362362 #4B3877 #63518C #7E70A1 #9D93B6 #C0BBCC

#25134D - #63518C - #C0BBCC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #25134D 0%, #63518C 50%, #C0BBCC 100%);
    background: -webkit-linear-gradient(top, #25134D 0%, #63518C 50%, #C0BBCC 100%);
    background: linear-gradient(to bottom, #25134D 0%, #63518C 50%, #C0BBCC 100%);
}
</style>