#91D8D8 - #22ABAC | 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 #91D8D8 a #22ABAC

#91D8D8 #22ABAC

Calcule el color entre dos colores, #91D8D8 y #22ABAC. 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)

#91D8D8 - #22ABAC | 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 #91D8D8 como 0% y #22ABAC como 100%.

0.0%	0.0% #91D8D8	RGB 145 216 216	#91D8D8
16.7%	16.7% #7ED0D0	RGB 126 208 208	#7ED0D0
33.3%	33.3% #6CC9C9	RGB 108 201 201	#6CC9C9
50.0%	50.0% #59C1C2	RGB 89 193 194	#59C1C2
66.7%	66.7% #47BABA	RGB 71 186 186	#47BABA
83.3%	83.3% #34B2B3	RGB 52 178 179	#34B2B3
100.0%	100.0% #22ABAC	RGB 34 171 172	#22ABAC

#91D8D8 #7ED0D0 #6CC9C9 #59C1C2 #47BABA #34B2B3 #22ABAC

#91D8D8 - #22ABAC

Mezcla HSV

#91D8D8 - #22ABAC | 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 #91D8D8 como 0% y #22ABAC como 100%.

0.0%	0.0% #91D8D8	RGB 145 216 216	#91D8D8
16.7%	16.7% #7BD0D0	RGB 123 208 208	#7BD0D0
33.3%	33.3% #67C9C9	RGB 103 201 201	#67C9C9
50.0%	50.0% #54C1C2	RGB 84 193 194	#54C1C2
66.7%	66.7% #42BABA	RGB 66 186 186	#42BABA
83.3%	83.3% #31B2B3	RGB 49 178 179	#31B2B3
100.0%	100.0% #22ABAC	RGB 34 171 172	#22ABAC

#91D8D8 #7BD0D0 #67C9C9 #54C1C2 #42BABA #31B2B3 #22ABAC

#91D8D8 - #54C1C2 - #22ABAC

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #91D8D8 0%, #54C1C2 50%, #22ABAC 100%);
    background: -webkit-linear-gradient(top, #91D8D8 0%, #54C1C2 50%, #22ABAC 100%);
    background: linear-gradient(to bottom, #91D8D8 0%, #54C1C2 50%, #22ABAC 100%);
}
</style>