#91D8C7 - #293D38 | 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 #91D8C7 a #293D38

#91D8C7 #293D38

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

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

0.0%	0.0% #91D8C7	RGB 145 216 199	#91D8C7
16.7%	16.7% #7FBEAF	RGB 127 190 175	#7FBEAF
33.3%	33.3% #6EA497	RGB 110 164 151	#6EA497
50.0%	50.0% #5D8A7F	RGB 93 138 127	#5D8A7F
66.7%	66.7% #4B7067	RGB 75 112 103	#4B7067
83.3%	83.3% #3A564F	RGB 58 86 79	#3A564F
100.0%	100.0% #293D38	RGB 41 61 56	#293D38

#91D8C7 #7FBEAF #6EA497 #5D8A7F #4B7067 #3A564F #293D38

#91D8C7 - #293D38

Mezcla HSV

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

0.0%	0.0% #91D8C7	RGB 145 216 199	#91D8C7
16.7%	16.7% #7FBEAF	RGB 127 190 175	#7FBEAF
33.3%	33.3% #6EA497	RGB 110 164 151	#6EA497
50.0%	50.0% #5D8A7F	RGB 93 138 127	#5D8A7F
66.7%	66.7% #4B7067	RGB 75 112 103	#4B7067
83.3%	83.3% #3A564F	RGB 58 86 79	#3A564F
100.0%	100.0% #293D38	RGB 41 61 56	#293D38

#91D8C7 #7FBEAF #6EA497 #5D8A7F #4B7067 #3A564F #293D38

#91D8C7 - #5D8A7F - #293D38

Códigos CSS

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

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