#15A2A2 - #A7EBAC | 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 #15A2A2 a #A7EBAC

#15A2A2 #A7EBAC

Calcule el color entre dos colores, #15A2A2 y #A7EBAC. 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)

#15A2A2 - #A7EBAC | 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 #15A2A2 como 0% y #A7EBAC como 100%.

0.0%	0.0% #15A2A2	RGB 21 162 162	#15A2A2
16.7%	16.7% #2DAEA3	RGB 45 174 163	#2DAEA3
33.3%	33.3% #45BAA5	RGB 69 186 165	#45BAA5
50.0%	50.0% #5EC6A7	RGB 94 198 167	#5EC6A7
66.7%	66.7% #76D2A8	RGB 118 210 168	#76D2A8
83.3%	83.3% #8EDEAA	RGB 142 222 170	#8EDEAA
100.0%	100.0% #A7EBAC	RGB 167 235 172	#A7EBAC

#15A2A2 #2DAEA3 #45BAA5 #5EC6A7 #76D2A8 #8EDEAA #A7EBAC

#15A2A2 - #A7EBAC

Mezcla HSV

#15A2A2 - #A7EBAC | 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 #15A2A2 como 0% y #A7EBAC como 100%.

0.0%	0.0% #14A2A2	RGB 20 162 162	#14A2A2
16.7%	16.7% #27AE99	RGB 39 174 153	#27AE99
33.3%	33.3% #3CBA93	RGB 60 186 147	#3CBA93
50.0%	50.0% #53C691	RGB 83 198 145	#53C691
66.7%	66.7% #6CD293	RGB 108 210 147	#6CD293
83.3%	83.3% #88DE9C	RGB 136 222 156	#88DE9C
100.0%	100.0% #A7EBAC	RGB 167 235 172	#A7EBAC

#14A2A2 #27AE99 #3CBA93 #53C691 #6CD293 #88DE9C #A7EBAC

#15A2A2 - #53C691 - #A7EBAC

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #14A2A2 0%, #53C691 50%, #A7EBAC 100%);
    background: -webkit-linear-gradient(top, #14A2A2 0%, #53C691 50%, #A7EBAC 100%);
    background: linear-gradient(to bottom, #14A2A2 0%, #53C691 50%, #A7EBAC 100%);
}
</style>