#91D6D4 - #293D3C | 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 #91D6D4 a #293D3C

#91D6D4 #293D3C

Calcule el color entre dos colores, #91D6D4 y #293D3C. 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)

#91D6D4 - #293D3C | 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 #91D6D4 como 0% y #293D3C como 100%.

0.0%	0.0% #91D6D4	RGB 145 214 212	#91D6D4
16.7%	16.7% #7FBCBA	RGB 127 188 186	#7FBCBA
33.3%	33.3% #6EA3A1	RGB 110 163 161	#6EA3A1
50.0%	50.0% #5D8988	RGB 93 137 136	#5D8988
66.7%	66.7% #4B706E	RGB 75 112 110	#4B706E
83.3%	83.3% #3A5655	RGB 58 86 85	#3A5655
100.0%	100.0% #293D3C	RGB 41 61 60	#293D3C

#91D6D4 #7FBCBA #6EA3A1 #5D8988 #4B706E #3A5655 #293D3C

#91D6D4 - #293D3C

Mezcla HSV

#91D6D4 - #293D3C | 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 #91D6D4 como 0% y #293D3C como 100%.

0.0%	0.0% #91D6D4	RGB 145 214 212	#91D6D4
16.7%	16.7% #7FBCBA	RGB 127 188 186	#7FBCBA
33.3%	33.3% #6EA3A1	RGB 110 163 161	#6EA3A1
50.0%	50.0% #5C8987	RGB 92 137 135	#5C8987
66.7%	66.7% #4B706E	RGB 75 112 110	#4B706E
83.3%	83.3% #3A5655	RGB 58 86 85	#3A5655
100.0%	100.0% #293D3C	RGB 41 61 60	#293D3C

#91D6D4 #7FBCBA #6EA3A1 #5C8987 #4B706E #3A5655 #293D3C

#91D6D4 - #5C8987 - #293D3C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #91D6D4 0%, #5C8987 50%, #293D3C 100%);
    background: -webkit-linear-gradient(top, #91D6D4 0%, #5C8987 50%, #293D3C 100%);
    background: linear-gradient(to bottom, #91D6D4 0%, #5C8987 50%, #293D3C 100%);
}
</style>