#152B4D - #BCC2CC | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #152B4D a #BCC2CC

#152B4D #BCC2CC

Calcule el color entre dos colores, #152B4D y #BCC2CC. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#152B4D - #BCC2CC | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #152B4D como 0% y #BCC2CC como 100%.

0.0%	0.0% #152B4D	RGB 21 43 77	#152B4D
16.7%	16.7% #304462	RGB 48 68 98	#304462
33.3%	33.3% #4C5D77	RGB 76 93 119	#4C5D77
50.0%	50.0% #68768C	RGB 104 118 140	#68768C
66.7%	66.7% #848FA1	RGB 132 143 161	#848FA1
83.3%	83.3% #A0A8B6	RGB 160 168 182	#A0A8B6
100.0%	100.0% #BCC2CC	RGB 188 194 204	#BCC2CC

#152B4D #304462 #4C5D77 #68768C #848FA1 #A0A8B6 #BCC2CC

#152B4D - #BCC2CC

Mezcla HSV

#152B4D - #BCC2CC | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #152B4D como 0% y #BCC2CC como 100%.

0.0%	0.0% #142B4D	RGB 20 43 77	#142B4D
16.7%	16.7% #253D62	RGB 37 61 98	#253D62
33.3%	33.3% #3A5177	RGB 58 81 119	#3A5177
50.0%	50.0% #53698C	RGB 83 105 140	#53698C
66.7%	66.7% #7284A1	RGB 114 132 161	#7284A1
83.3%	83.3% #94A1B6	RGB 148 161 182	#94A1B6
100.0%	100.0% #BCC2CC	RGB 188 194 204	#BCC2CC

#142B4D #253D62 #3A5177 #53698C #7284A1 #94A1B6 #BCC2CC

#152B4D - #53698C - #BCC2CC

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #142B4D 0%, #53698C 50%, #BCC2CC 100%);
    background: -webkit-linear-gradient(top, #142B4D 0%, #53698C 50%, #BCC2CC 100%);
    background: linear-gradient(to bottom, #142B4D 0%, #53698C 50%, #BCC2CC 100%);
}
</style>