#A8D6B6 - #4D9F82 | 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 #A8D6B6 a #4D9F82

#A8D6B6 #4D9F82

Calcule el color entre dos colores, #A8D6B6 y #4D9F82. 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)

#A8D6B6 - #4D9F82 | 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 #A8D6B6 como 0% y #4D9F82 como 100%.

0.0%	0.0% #A8D6B6	RGB 168 214 182	#A8D6B6
16.7%	16.7% #98CCAD	RGB 152 204 173	#98CCAD
33.3%	33.3% #89C3A4	RGB 137 195 164	#89C3A4
50.0%	50.0% #7ABA9C	RGB 122 186 156	#7ABA9C
66.7%	66.7% #6BB193	RGB 107 177 147	#6BB193
83.3%	83.3% #5CA88A	RGB 92 168 138	#5CA88A
100.0%	100.0% #4D9F82	RGB 77 159 130	#4D9F82

#A8D6B6 #98CCAD #89C3A4 #7ABA9C #6BB193 #5CA88A #4D9F82

#A8D6B6 - #4D9F82

Mezcla HSV

#A8D6B6 - #4D9F82 | 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 #A8D6B6 como 0% y #4D9F82 como 100%.

0.0%	0.0% #A8D6B6	RGB 168 214 182	#A8D6B6
16.7%	16.7% #96CCAA	RGB 150 204 170	#96CCAA
33.3%	33.3% #85C39F	RGB 133 195 159	#85C39F
50.0%	50.0% #76BA96	RGB 118 186 150	#76BA96
66.7%	66.7% #67B18E	RGB 103 177 142	#67B18E
83.3%	83.3% #59A888	RGB 89 168 136	#59A888
100.0%	100.0% #4D9F82	RGB 77 159 130	#4D9F82

#A8D6B6 #96CCAA #85C39F #76BA96 #67B18E #59A888 #4D9F82

#A8D6B6 - #76BA96 - #4D9F82

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8D6B6 0%, #76BA96 50%, #4D9F82 100%);
    background: -webkit-linear-gradient(top, #A8D6B6 0%, #76BA96 50%, #4D9F82 100%);
    background: linear-gradient(to bottom, #A8D6B6 0%, #76BA96 50%, #4D9F82 100%);
}
</style>