#91D8C2 - #21AC83 | 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 #91D8C2 a #21AC83

#91D8C2 #21AC83

Calcule el color entre dos colores, #91D8C2 y #21AC83. 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)

#91D8C2 - #21AC83 | 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 #91D8C2 como 0% y #21AC83 como 100%.

0.0%	0.0% #91D8C2	RGB 145 216 194	#91D8C2
16.7%	16.7% #7ED0B7	RGB 126 208 183	#7ED0B7
33.3%	33.3% #6BC9AD	RGB 107 201 173	#6BC9AD
50.0%	50.0% #59C2A2	RGB 89 194 162	#59C2A2
66.7%	66.7% #46BA98	RGB 70 186 152	#46BA98
83.3%	83.3% #33B38D	RGB 51 179 141	#33B38D
100.0%	100.0% #21AC83	RGB 33 172 131	#21AC83

#91D8C2 #7ED0B7 #6BC9AD #59C2A2 #46BA98 #33B38D #21AC83

#91D8C2 - #21AC83

Mezcla HSV

#91D8C2 - #21AC83 | 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 #91D8C2 como 0% y #21AC83 como 100%.

0.0%	0.0% #91D8C2	RGB 145 216 194	#91D8C2
16.7%	16.7% #7BD0B6	RGB 123 208 182	#7BD0B6
33.3%	33.3% #66C9AB	RGB 102 201 171	#66C9AB
50.0%	50.0% #53C2A0	RGB 83 194 160	#53C2A0
66.7%	66.7% #41BA96	RGB 65 186 150	#41BA96
83.3%	83.3% #30B38C	RGB 48 179 140	#30B38C
100.0%	100.0% #21AC83	RGB 33 172 131	#21AC83

#91D8C2 #7BD0B6 #66C9AB #53C2A0 #41BA96 #30B38C #21AC83

#91D8C2 - #53C2A0 - #21AC83

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #91D8C2 0%, #53C2A0 50%, #21AC83 100%);
    background: -webkit-linear-gradient(top, #91D8C2 0%, #53C2A0 50%, #21AC83 100%);
    background: linear-gradient(to bottom, #91D8C2 0%, #53C2A0 50%, #21AC83 100%);
}
</style>