#3E5E5E - #68A9C8 | 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 #3E5E5E a #68A9C8

#3E5E5E #68A9C8

Calcule el color entre dos colores, #3E5E5E y #68A9C8. 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)

#3E5E5E - #68A9C8 | 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 #3E5E5E como 0% y #68A9C8 como 100%.

0.0%	0.0% #3E5E5E	RGB 62 94 94	#3E5E5E
16.7%	16.7% #456A6F	RGB 69 106 111	#456A6F
33.3%	33.3% #4C7781	RGB 76 119 129	#4C7781
50.0%	50.0% #538393	RGB 83 131 147	#538393
66.7%	66.7% #5A90A4	RGB 90 144 164	#5A90A4
83.3%	83.3% #619CB6	RGB 97 156 182	#619CB6
100.0%	100.0% #68A9C8	RGB 104 169 200	#68A9C8

#3E5E5E #456A6F #4C7781 #538393 #5A90A4 #619CB6 #68A9C8

#3E5E5E - #68A9C8

Mezcla HSV

#3E5E5E - #68A9C8 | 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 #3E5E5E como 0% y #68A9C8 como 100%.

0.0%	0.0% #3E5E5E	RGB 62 94 94	#3E5E5E
16.7%	16.7% #476D6F	RGB 71 109 111	#476D6F
33.3%	33.3% #4F7B81	RGB 79 123 129	#4F7B81
50.0%	50.0% #568993	RGB 86 137 147	#568993
66.7%	66.7% #5D95A4	RGB 93 149 164	#5D95A4
83.3%	83.3% #639FB6	RGB 99 159 182	#639FB6
100.0%	100.0% #68A9C8	RGB 104 169 200	#68A9C8

#3E5E5E #476D6F #4F7B81 #568993 #5D95A4 #639FB6 #68A9C8

#3E5E5E - #568993 - #68A9C8

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E5E 0%, #568993 50%, #68A9C8 100%);
    background: -webkit-linear-gradient(top, #3E5E5E 0%, #568993 50%, #68A9C8 100%);
    background: linear-gradient(to bottom, #3E5E5E 0%, #568993 50%, #68A9C8 100%);
}
</style>