#45ABC6 - #133038 | 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 #45ABC6 a #133038

#45ABC6 #133038

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

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

0.0%	0.0% #45ABC6	RGB 69 171 198	#45ABC6
16.7%	16.7% #3C96AE	RGB 60 150 174	#3C96AE
33.3%	33.3% #348296	RGB 52 130 150	#348296
50.0%	50.0% #2C6D7F	RGB 44 109 127	#2C6D7F
66.7%	66.7% #235967	RGB 35 89 103	#235967
83.3%	83.3% #1B444F	RGB 27 68 79	#1B444F
100.0%	100.0% #133038	RGB 19 48 56	#133038

#45ABC6 #3C96AE #348296 #2C6D7F #235967 #1B444F #133038

#45ABC6 - #133038

Mezcla HSV

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

0.0%	0.0% #44ABC6	RGB 68 171 198	#44ABC6
16.7%	16.7% #3C96AE	RGB 60 150 174	#3C96AE
33.3%	33.3% #348196	RGB 52 129 150	#348196
50.0%	50.0% #2B6D7F	RGB 43 109 127	#2B6D7F
66.7%	66.7% #235867	RGB 35 88 103	#235867
83.3%	83.3% #1B444F	RGB 27 68 79	#1B444F
100.0%	100.0% #133038	RGB 19 48 56	#133038

#44ABC6 #3C96AE #348196 #2B6D7F #235867 #1B444F #133038

#45ABC6 - #2B6D7F - #133038

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #44ABC6 0%, #2B6D7F 50%, #133038 100%);
    background: -webkit-linear-gradient(top, #44ABC6 0%, #2B6D7F 50%, #133038 100%);
    background: linear-gradient(to bottom, #44ABC6 0%, #2B6D7F 50%, #133038 100%);
}
</style>