#91EAEB - #3BA9C0 | 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 #91EAEB a #3BA9C0

#91EAEB #3BA9C0

Calcule el color entre dos colores, #91EAEB y #3BA9C0. 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)

#91EAEB - #3BA9C0 | 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 #91EAEB como 0% y #3BA9C0 como 100%.

0.0%	0.0% #91EAEB	RGB 145 234 235	#91EAEB
16.7%	16.7% #82DFE3	RGB 130 223 227	#82DFE3
33.3%	33.3% #74D4DC	RGB 116 212 220	#74D4DC
50.0%	50.0% #66C9D5	RGB 102 201 213	#66C9D5
66.7%	66.7% #57BECE	RGB 87 190 206	#57BECE
83.3%	83.3% #49B3C7	RGB 73 179 199	#49B3C7
100.0%	100.0% #3BA9C0	RGB 59 169 192	#3BA9C0

#91EAEB #82DFE3 #74D4DC #66C9D5 #57BECE #49B3C7 #3BA9C0

#91EAEB - #3BA9C0

Mezcla HSV

#91EAEB - #3BA9C0 | 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 #91EAEB como 0% y #3BA9C0 como 100%.

0.0%	0.0% #91EAEB	RGB 145 234 235	#91EAEB
16.7%	16.7% #80E0E3	RGB 128 224 227	#80E0E3
33.3%	33.3% #71D5DC	RGB 113 213 220	#71D5DC
50.0%	50.0% #62CAD5	RGB 98 202 213	#62CAD5
66.7%	66.7% #54BFCE	RGB 84 191 206	#54BFCE
83.3%	83.3% #47B4C7	RGB 71 180 199	#47B4C7
100.0%	100.0% #3BA9C0	RGB 59 169 192	#3BA9C0

#91EAEB #80E0E3 #71D5DC #62CAD5 #54BFCE #47B4C7 #3BA9C0

#91EAEB - #62CAD5 - #3BA9C0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #91EAEB 0%, #62CAD5 50%, #3BA9C0 100%);
    background: -webkit-linear-gradient(top, #91EAEB 0%, #62CAD5 50%, #3BA9C0 100%);
    background: linear-gradient(to bottom, #91EAEB 0%, #62CAD5 50%, #3BA9C0 100%);
}
</style>