#45B5C5 - #133338 | 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 #45B5C5 a #133338

#45B5C5 #133338

Calcule el color entre dos colores, #45B5C5 y #133338. 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)

#45B5C5 - #133338 | 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 #45B5C5 como 0% y #133338 como 100%.

0.0%	0.0% #45B5C5	RGB 69 181 197	#45B5C5
16.7%	16.7% #3C9FAD	RGB 60 159 173	#3C9FAD
33.3%	33.3% #348996	RGB 52 137 150	#348996
50.0%	50.0% #2C747E	RGB 44 116 126	#2C747E
66.7%	66.7% #235E67	RGB 35 94 103	#235E67
83.3%	83.3% #1B484F	RGB 27 72 79	#1B484F
100.0%	100.0% #133338	RGB 19 51 56	#133338

#45B5C5 #3C9FAD #348996 #2C747E #235E67 #1B484F #133338

#45B5C5 - #133338

Mezcla HSV

#45B5C5 - #133338 | 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 #45B5C5 como 0% y #133338 como 100%.

0.0%	0.0% #45B4C5	RGB 69 180 197	#45B4C5
16.7%	16.7% #3C9FAD	RGB 60 159 173	#3C9FAD
33.3%	33.3% #338996	RGB 51 137 150	#338996
50.0%	50.0% #2B737E	RGB 43 115 126	#2B737E
66.7%	66.7% #235E67	RGB 35 94 103	#235E67
83.3%	83.3% #1B484F	RGB 27 72 79	#1B484F
100.0%	100.0% #133338	RGB 19 51 56	#133338

#45B4C5 #3C9FAD #338996 #2B737E #235E67 #1B484F #133338

#45B5C5 - #2B737E - #133338

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #45B4C5 0%, #2B737E 50%, #133338 100%);
    background: -webkit-linear-gradient(top, #45B4C5 0%, #2B737E 50%, #133338 100%);
    background: linear-gradient(to bottom, #45B4C5 0%, #2B737E 50%, #133338 100%);
}
</style>