#ADE5E5 - #3ABCBD | 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 #ADE5E5 a #3ABCBD

#ADE5E5 #3ABCBD

Calcule el color entre dos colores, #ADE5E5 y #3ABCBD. 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)

#ADE5E5 - #3ABCBD | 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 #ADE5E5 como 0% y #3ABCBD como 100%.

0.0%	0.0% #ADE5E5	RGB 173 229 229	#ADE5E5
16.7%	16.7% #99DEDE	RGB 153 222 222	#99DEDE
33.3%	33.3% #86D7D7	RGB 134 215 215	#86D7D7
50.0%	50.0% #73D0D1	RGB 115 208 209	#73D0D1
66.7%	66.7% #60C9CA	RGB 96 201 202	#60C9CA
83.3%	83.3% #4DC2C3	RGB 77 194 195	#4DC2C3
100.0%	100.0% #3ABCBD	RGB 58 188 189	#3ABCBD

#ADE5E5 #99DEDE #86D7D7 #73D0D1 #60C9CA #4DC2C3 #3ABCBD

#ADE5E5 - #3ABCBD

Mezcla HSV

#ADE5E5 - #3ABCBD | 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 #ADE5E5 como 0% y #3ABCBD como 100%.

0.0%	0.0% #ADE5E5	RGB 173 229 229	#ADE5E5
16.7%	16.7% #97DEDE	RGB 151 222 222	#97DEDE
33.3%	33.3% #82D7D7	RGB 130 215 215	#82D7D7
50.0%	50.0% #6FD0D1	RGB 111 208 209	#6FD0D1
66.7%	66.7% #5CC9CA	RGB 92 201 202	#5CC9CA
83.3%	83.3% #4AC2C3	RGB 74 194 195	#4AC2C3
100.0%	100.0% #3ABCBD	RGB 58 188 189	#3ABCBD

#ADE5E5 #97DEDE #82D7D7 #6FD0D1 #5CC9CA #4AC2C3 #3ABCBD

#ADE5E5 - #6FD0D1 - #3ABCBD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADE5E5 0%, #6FD0D1 50%, #3ABCBD 100%);
    background: -webkit-linear-gradient(top, #ADE5E5 0%, #6FD0D1 50%, #3ABCBD 100%);
    background: linear-gradient(to bottom, #ADE5E5 0%, #6FD0D1 50%, #3ABCBD 100%);
}
</style>