#095E84 - #B8D1DB | 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 #095E84 a #B8D1DB

#095E84 #B8D1DB

Calcule el color entre dos colores, #095E84 y #B8D1DB. 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)

#095E84 - #B8D1DB | 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 #095E84 como 0% y #B8D1DB como 100%.

0.0%	0.0% #095E84	RGB 9 94 132	#095E84
16.7%	16.7% #267192	RGB 38 113 146	#267192
33.3%	33.3% #4384A1	RGB 67 132 161	#4384A1
50.0%	50.0% #6097AF	RGB 96 151 175	#6097AF
66.7%	66.7% #7DAABE	RGB 125 170 190	#7DAABE
83.3%	83.3% #9ABDCC	RGB 154 189 204	#9ABDCC
100.0%	100.0% #B8D1DB	RGB 184 209 219	#B8D1DB

#095E84 #267192 #4384A1 #6097AF #7DAABE #9ABDCC #B8D1DB

#095E84 - #B8D1DB

Mezcla HSV

#095E84 - #B8D1DB | 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 #095E84 como 0% y #B8D1DB como 100%.

0.0%	0.0% #085D84	RGB 8 93 132	#085D84
16.7%	16.7% #1C6E92	RGB 28 110 146	#1C6E92
33.3%	33.3% #3480A1	RGB 52 128 161	#3480A1
50.0%	50.0% #4F93AF	RGB 79 147 175	#4F93AF
66.7%	66.7% #6EA6BE	RGB 110 166 190	#6EA6BE
83.3%	83.3% #91BBCC	RGB 145 187 204	#91BBCC
100.0%	100.0% #B8D1DB	RGB 184 209 219	#B8D1DB

#085D84 #1C6E92 #3480A1 #4F93AF #6EA6BE #91BBCC #B8D1DB

#095E84 - #4F93AF - #B8D1DB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #085D84 0%, #4F93AF 50%, #B8D1DB 100%);
    background: -webkit-linear-gradient(top, #085D84 0%, #4F93AF 50%, #B8D1DB 100%);
    background: linear-gradient(to bottom, #085D84 0%, #4F93AF 50%, #B8D1DB 100%);
}
</style>