#2F9ABC - #15506E | 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 #2F9ABC a #15506E

#2F9ABC #15506E

Calcule el color entre dos colores, #2F9ABC y #15506E. 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)

#2F9ABC - #15506E | 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 #2F9ABC como 0% y #15506E como 100%.

0.0%	0.0% #2F9ABC	RGB 47 154 188	#2F9ABC
16.7%	16.7% #2A8DAF	RGB 42 141 175	#2A8DAF
33.3%	33.3% #2681A2	RGB 38 129 162	#2681A2
50.0%	50.0% #227595	RGB 34 117 149	#227595
66.7%	66.7% #1D6888	RGB 29 104 136	#1D6888
83.3%	83.3% #195C7B	RGB 25 92 123	#195C7B
100.0%	100.0% #15506E	RGB 21 80 110	#15506E

#2F9ABC #2A8DAF #2681A2 #227595 #1D6888 #195C7B #15506E

#2F9ABC - #15506E

Mezcla HSV

#2F9ABC - #15506E | 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 #2F9ABC como 0% y #15506E como 100%.

0.0%	0.0% #2F99BC	RGB 47 153 188	#2F99BC
16.7%	16.7% #2A8CAF	RGB 42 140 175	#2A8CAF
33.3%	33.3% #257FA2	RGB 37 127 162	#257FA2
50.0%	50.0% #207395	RGB 32 115 149	#207395
66.7%	66.7% #1C6788	RGB 28 103 136	#1C6788
83.3%	83.3% #185B7B	RGB 24 91 123	#185B7B
100.0%	100.0% #15506E	RGB 21 80 110	#15506E

#2F99BC #2A8CAF #257FA2 #207395 #1C6788 #185B7B #15506E

#2F9ABC - #207395 - #15506E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F99BC 0%, #207395 50%, #15506E 100%);
    background: -webkit-linear-gradient(top, #2F99BC 0%, #207395 50%, #15506E 100%);
    background: linear-gradient(to bottom, #2F99BC 0%, #207395 50%, #15506E 100%);
}
</style>