#4D8F8D - #095E4D | 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 #4D8F8D a #095E4D

#4D8F8D #095E4D

Calcule el color entre dos colores, #4D8F8D y #095E4D. 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)

#4D8F8D - #095E4D | 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 #4D8F8D como 0% y #095E4D como 100%.

0.0%	0.0% #4D8F8D	RGB 77 143 141	#4D8F8D
16.7%	16.7% #418682	RGB 65 134 130	#418682
33.3%	33.3% #367E77	RGB 54 126 119	#367E77
50.0%	50.0% #2B766D	RGB 43 118 109	#2B766D
66.7%	66.7% #1F6E62	RGB 31 110 98	#1F6E62
83.3%	83.3% #146657	RGB 20 102 87	#146657
100.0%	100.0% #095E4D	RGB 9 94 77	#095E4D

#4D8F8D #418682 #367E77 #2B766D #1F6E62 #146657 #095E4D

#4D8F8D - #095E4D

Mezcla HSV

#4D8F8D - #095E4D | 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 #4D8F8D como 0% y #095E4D como 100%.

0.0%	0.0% #4D8F8D	RGB 77 143 141	#4D8F8D
16.7%	16.7% #3E8682	RGB 62 134 130	#3E8682
33.3%	33.3% #317E77	RGB 49 126 119	#317E77
50.0%	50.0% #25766D	RGB 37 118 109	#25766D
66.7%	66.7% #1A6E62	RGB 26 110 98	#1A6E62
83.3%	83.3% #116657	RGB 17 102 87	#116657
100.0%	100.0% #095E4D	RGB 9 94 77	#095E4D

#4D8F8D #3E8682 #317E77 #25766D #1A6E62 #116657 #095E4D

#4D8F8D - #25766D - #095E4D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D8F8D 0%, #25766D 50%, #095E4D 100%);
    background: -webkit-linear-gradient(top, #4D8F8D 0%, #25766D 50%, #095E4D 100%);
    background: linear-gradient(to bottom, #4D8F8D 0%, #25766D 50%, #095E4D 100%);
}
</style>