#0091A6 - #A7EBD0 | 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 #0091A6 a #A7EBD0

#0091A6 #A7EBD0

Calcule el color entre dos colores, #0091A6 y #A7EBD0. 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)

#0091A6 - #A7EBD0 | 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 #0091A6 como 0% y #A7EBD0 como 100%.

0.0%	0.0% #0091A6	RGB 0 145 166	#0091A6
16.7%	16.7% #1BA0AD	RGB 27 160 173	#1BA0AD
33.3%	33.3% #37AFB4	RGB 55 175 180	#37AFB4
50.0%	50.0% #53BEBB	RGB 83 190 187	#53BEBB
66.7%	66.7% #6FCDC2	RGB 111 205 194	#6FCDC2
83.3%	83.3% #8BDCC9	RGB 139 220 201	#8BDCC9
100.0%	100.0% #A7EBD0	RGB 167 235 208	#A7EBD0

#0091A6 #1BA0AD #37AFB4 #53BEBB #6FCDC2 #8BDCC9 #A7EBD0

#0091A6 - #A7EBD0

Mezcla HSV

#0091A6 - #A7EBD0 | 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 #0091A6 como 0% y #A7EBD0 como 100%.

0.0%	0.0% #0091A6	RGB 0 145 166	#0091A6
16.7%	16.7% #15ABB1	RGB 21 171 177	#15ABB1
33.3%	33.3% #2CBDB6	RGB 44 189 182	#2CBDB6
50.0%	50.0% #47C8B7	RGB 71 200 183	#47C8B7
66.7%	66.7% #64D4BB	RGB 100 212 187	#64D4BB
83.3%	83.3% #84DFC3	RGB 132 223 195	#84DFC3
100.0%	100.0% #A7EBD0	RGB 167 235 208	#A7EBD0

#0091A6 #15ABB1 #2CBDB6 #47C8B7 #64D4BB #84DFC3 #A7EBD0

#0091A6 - #47C8B7 - #A7EBD0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0091A6 0%, #47C8B7 50%, #A7EBD0 100%);
    background: -webkit-linear-gradient(top, #0091A6 0%, #47C8B7 50%, #A7EBD0 100%);
    background: linear-gradient(to bottom, #0091A6 0%, #47C8B7 50%, #A7EBD0 100%);
}
</style>