#2D5E7B - #98ACAB | 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 #2D5E7B a #98ACAB

#2D5E7B #98ACAB

Calcule el color entre dos colores, #2D5E7B y #98ACAB. 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)

#2D5E7B - #98ACAB | 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 #2D5E7B como 0% y #98ACAB como 100%.

0.0%	0.0% #2D5E7B	RGB 45 94 123	#2D5E7B
16.7%	16.7% #3E6B83	RGB 62 107 131	#3E6B83
33.3%	33.3% #50788B	RGB 80 120 139	#50788B
50.0%	50.0% #628593	RGB 98 133 147	#628593
66.7%	66.7% #74929B	RGB 116 146 155	#74929B
83.3%	83.3% #869FA3	RGB 134 159 163	#869FA3
100.0%	100.0% #98ACAB	RGB 152 172 171	#98ACAB

#2D5E7B #3E6B83 #50788B #628593 #74929B #869FA3 #98ACAB

#2D5E7B - #98ACAB

Mezcla HSV

#2D5E7B - #98ACAB | 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 #2D5E7B como 0% y #98ACAB como 100%.

0.0%	0.0% #2D5E7B	RGB 45 94 123	#2D5E7B
16.7%	16.7% #3B6D83	RGB 59 109 131	#3B6D83
33.3%	33.3% #4B7C8B	RGB 75 124 139	#4B7C8B
50.0%	50.0% #5C8A93	RGB 92 138 147	#5C8A93
66.7%	66.7% #6E979B	RGB 110 151 155	#6E979B
83.3%	83.3% #82A3A3	RGB 130 163 163	#82A3A3
100.0%	100.0% #98ACAB	RGB 152 172 171	#98ACAB

#2D5E7B #3B6D83 #4B7C8B #5C8A93 #6E979B #82A3A3 #98ACAB

#2D5E7B - #5C8A93 - #98ACAB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D5E7B 0%, #5C8A93 50%, #98ACAB 100%);
    background: -webkit-linear-gradient(top, #2D5E7B 0%, #5C8A93 50%, #98ACAB 100%);
    background: linear-gradient(to bottom, #2D5E7B 0%, #5C8A93 50%, #98ACAB 100%);
}
</style>