#5DB2B2 - #088077 | 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 #5DB2B2 a #088077

#5DB2B2 #088077

Calcule el color entre dos colores, #5DB2B2 y #088077. 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)

#5DB2B2 - #088077 | 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 #5DB2B2 como 0% y #088077 como 100%.

0.0%	0.0% #5DB2B2	RGB 93 178 178	#5DB2B2
16.7%	16.7% #4EA9A8	RGB 78 169 168	#4EA9A8
33.3%	33.3% #40A19E	RGB 64 161 158	#40A19E
50.0%	50.0% #329994	RGB 50 153 148	#329994
66.7%	66.7% #24908A	RGB 36 144 138	#24908A
83.3%	83.3% #168880	RGB 22 136 128	#168880
100.0%	100.0% #088077	RGB 8 128 119	#088077

#5DB2B2 #4EA9A8 #40A19E #329994 #24908A #168880 #088077

#5DB2B2 - #088077

Mezcla HSV

#5DB2B2 - #088077 | 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 #5DB2B2 como 0% y #088077 como 100%.

0.0%	0.0% #5DB2B2	RGB 93 178 178	#5DB2B2
16.7%	16.7% #4BA9A8	RGB 75 169 168	#4BA9A8
33.3%	33.3% #3BA19E	RGB 59 161 158	#3BA19E
50.0%	50.0% #2C9994	RGB 44 153 148	#2C9994
66.7%	66.7% #1F908A	RGB 31 144 138	#1F908A
83.3%	83.3% #128880	RGB 18 136 128	#128880
100.0%	100.0% #088077	RGB 8 128 119	#088077

#5DB2B2 #4BA9A8 #3BA19E #2C9994 #1F908A #128880 #088077

#5DB2B2 - #2C9994 - #088077

Códigos CSS

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

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