#0A8596 - #B9DCE1 | 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 #0A8596 a #B9DCE1

#0A8596 #B9DCE1

Calcule el color entre dos colores, #0A8596 y #B9DCE1. 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)

#0A8596 - #B9DCE1 | 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 #0A8596 como 0% y #B9DCE1 como 100%.

0.0%	0.0% #0A8596	RGB 10 133 150	#0A8596
16.7%	16.7% #2793A2	RGB 39 147 162	#2793A2
33.3%	33.3% #44A2AF	RGB 68 162 175	#44A2AF
50.0%	50.0% #61B0BB	RGB 97 176 187	#61B0BB
66.7%	66.7% #7EBFC8	RGB 126 191 200	#7EBFC8
83.3%	83.3% #9BCDD4	RGB 155 205 212	#9BCDD4
100.0%	100.0% #B9DCE1	RGB 185 220 225	#B9DCE1

#0A8596 #2793A2 #44A2AF #61B0BB #7EBFC8 #9BCDD4 #B9DCE1

#0A8596 - #B9DCE1

Mezcla HSV

#0A8596 - #B9DCE1 | 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 #0A8596 como 0% y #B9DCE1 como 100%.

0.0%	0.0% #098596	RGB 9 133 150	#098596
16.7%	16.7% #1F92A2	RGB 31 146 162	#1F92A2
33.3%	33.3% #37A0AF	RGB 55 160 175	#37A0AF
50.0%	50.0% #53AEBB	RGB 83 174 187	#53AEBB
66.7%	66.7% #72BDC8	RGB 114 189 200	#72BDC8
83.3%	83.3% #93CCD4	RGB 147 204 212	#93CCD4
100.0%	100.0% #B9DCE1	RGB 185 220 225	#B9DCE1

#098596 #1F92A2 #37A0AF #53AEBB #72BDC8 #93CCD4 #B9DCE1

#0A8596 - #53AEBB - #B9DCE1

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #098596 0%, #53AEBB 50%, #B9DCE1 100%);
    background: -webkit-linear-gradient(top, #098596 0%, #53AEBB 50%, #B9DCE1 100%);
    background: linear-gradient(to bottom, #098596 0%, #53AEBB 50%, #B9DCE1 100%);
}
</style>