#19204B - #BDBFCB | 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 #19204B to #BDBFCB

#19204B #BDBFCB

Calculate the color between two colors, #19204B and #BDBFCB. 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)

#19204B - #BDBFCB | 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 #19204B as 0% and #BDBFCB as 100%.

0.0%	0.0% #19204B	RGB 25 32 75	#19204B
16.7%	16.7% #343A60	RGB 52 58 96	#343A60
33.3%	33.3% #4F5575	RGB 79 85 117	#4F5575
50.0%	50.0% #6B6F8B	RGB 107 111 139	#6B6F8B
66.7%	66.7% #868AA0	RGB 134 138 160	#868AA0
83.3%	83.3% #A1A4B5	RGB 161 164 181	#A1A4B5
100.0%	100.0% #BDBFCB	RGB 189 191 203	#BDBFCB

#19204B #343A60 #4F5575 #6B6F8B #868AA0 #A1A4B5 #BDBFCB

#19204B - #BDBFCB

HSV Blend

#19204B - #BDBFCB | 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 #19204B as 0% and #BDBFCB as 100%.

0.0%	0.0% #19204B	RGB 25 32 75	#19204B
16.7%	16.7% #293160	RGB 41 49 96	#293160
33.3%	33.3% #3E4675	RGB 62 70 117	#3E4675
50.0%	50.0% #575F8B	RGB 87 95 139	#575F8B
66.7%	66.7% #757BA0	RGB 117 123 160	#757BA0
83.3%	83.3% #979BB5	RGB 151 155 181	#979BB5
100.0%	100.0% #BDBFCB	RGB 189 191 203	#BDBFCB

#19204B #293160 #3E4675 #575F8B #757BA0 #979BB5 #BDBFCB

#19204B - #575F8B - #BDBFCB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #19204B 0%, #575F8B 50%, #BDBFCB 100%);
    background: -webkit-linear-gradient(top, #19204B 0%, #575F8B 50%, #BDBFCB 100%);
    background: linear-gradient(to bottom, #19204B 0%, #575F8B 50%, #BDBFCB 100%);
}
</style>