#095E4D - #B8D1CC | 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 #095E4D a #B8D1CC

#095E4D #B8D1CC

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

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

0.0%	0.0% #095E4D	RGB 9 94 77	#095E4D
16.7%	16.7% #267162	RGB 38 113 98	#267162
33.3%	33.3% #438477	RGB 67 132 119	#438477
50.0%	50.0% #60978C	RGB 96 151 140	#60978C
66.7%	66.7% #7DAAA1	RGB 125 170 161	#7DAAA1
83.3%	83.3% #9ABDB6	RGB 154 189 182	#9ABDB6
100.0%	100.0% #B8D1CC	RGB 184 209 204	#B8D1CC

#095E4D #267162 #438477 #60978C #7DAAA1 #9ABDB6 #B8D1CC

#095E4D - #B8D1CC

Mezcla HSV

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

0.0%	0.0% #085E4D	RGB 8 94 77	#085E4D
16.7%	16.7% #19715F	RGB 25 113 95	#19715F
33.3%	33.3% #2F8473	RGB 47 132 115	#2F8473
50.0%	50.0% #499787	RGB 73 151 135	#499787
66.7%	66.7% #69AA9D	RGB 105 170 157	#69AA9D
83.3%	83.3% #8EBDB4	RGB 142 189 180	#8EBDB4
100.0%	100.0% #B8D1CC	RGB 184 209 204	#B8D1CC

#085E4D #19715F #2F8473 #499787 #69AA9D #8EBDB4 #B8D1CC

#095E4D - #499787 - #B8D1CC

Códigos CSS

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

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