#A8D0C2 - #539E8B | 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 #A8D0C2 a #539E8B

#A8D0C2 #539E8B

Calcule el color entre dos colores, #A8D0C2 y #539E8B. 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)

#A8D0C2 - #539E8B | 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 #A8D0C2 como 0% y #539E8B como 100%.

0.0%	0.0% #A8D0C2	RGB 168 208 194	#A8D0C2
16.7%	16.7% #99C7B8	RGB 153 199 184	#99C7B8
33.3%	33.3% #8BBFAF	RGB 139 191 175	#8BBFAF
50.0%	50.0% #7DB7A6	RGB 125 183 166	#7DB7A6
66.7%	66.7% #6FAE9D	RGB 111 174 157	#6FAE9D
83.3%	83.3% #61A694	RGB 97 166 148	#61A694
100.0%	100.0% #539E8B	RGB 83 158 139	#539E8B

#A8D0C2 #99C7B8 #8BBFAF #7DB7A6 #6FAE9D #61A694 #539E8B

#A8D0C2 - #539E8B

Mezcla HSV

#A8D0C2 - #539E8B | 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 #A8D0C2 como 0% y #539E8B como 100%.

0.0%	0.0% #A8D0C2	RGB 168 208 194	#A8D0C2
16.7%	16.7% #97C7B7	RGB 151 199 183	#97C7B7
33.3%	33.3% #88BFAD	RGB 136 191 173	#88BFAD
50.0%	50.0% #79B7A4	RGB 121 183 164	#79B7A4
66.7%	66.7% #6CAE9B	RGB 108 174 155	#6CAE9B
83.3%	83.3% #5FA693	RGB 95 166 147	#5FA693
100.0%	100.0% #539E8B	RGB 83 158 139	#539E8B

#A8D0C2 #97C7B7 #88BFAD #79B7A4 #6CAE9B #5FA693 #539E8B

#A8D0C2 - #79B7A4 - #539E8B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8D0C2 0%, #79B7A4 50%, #539E8B 100%);
    background: -webkit-linear-gradient(top, #A8D0C2 0%, #79B7A4 50%, #539E8B 100%);
    background: linear-gradient(to bottom, #A8D0C2 0%, #79B7A4 50%, #539E8B 100%);
}
</style>