#27A8AD - #B5F09C | 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 #27A8AD a #B5F09C

#27A8AD #B5F09C

Calcule el color entre dos colores, #27A8AD y #B5F09C. 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)

#27A8AD - #B5F09C | 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 #27A8AD como 0% y #B5F09C como 100%.

0.0%	0.0% #27A8AD	RGB 39 168 173	#27A8AD
16.7%	16.7% #3EB4AA	RGB 62 180 170	#3EB4AA
33.3%	33.3% #56C0A7	RGB 86 192 167	#56C0A7
50.0%	50.0% #6ECCA4	RGB 110 204 164	#6ECCA4
66.7%	66.7% #85D8A1	RGB 133 216 161	#85D8A1
83.3%	83.3% #9DE49E	RGB 157 228 158	#9DE49E
100.0%	100.0% #B5F09C	RGB 181 240 156	#B5F09C

#27A8AD #3EB4AA #56C0A7 #6ECCA4 #85D8A1 #9DE49E #B5F09C

#27A8AD - #B5F09C

Mezcla HSV

#27A8AD - #B5F09C | 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 #27A8AD como 0% y #B5F09C como 100%.

0.0%	0.0% #27A8AD	RGB 39 168 173	#27A8AD
16.7%	16.7% #36B8A0	RGB 54 184 160	#36B8A0
33.3%	33.3% #47C390	RGB 71 195 144	#47C390
50.0%	50.0% #5ACE85	RGB 90 206 133	#5ACE85
66.7%	66.7% #6ED97E	RGB 110 217 126	#6ED97E
83.3%	83.3% #8BE484	RGB 139 228 132	#8BE484
100.0%	100.0% #B5F09C	RGB 181 240 156	#B5F09C

#27A8AD #36B8A0 #47C390 #5ACE85 #6ED97E #8BE484 #B5F09C

#27A8AD - #5ACE85 - #B5F09C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #27A8AD 0%, #5ACE85 50%, #B5F09C 100%);
    background: -webkit-linear-gradient(top, #27A8AD 0%, #5ACE85 50%, #B5F09C 100%);
    background: linear-gradient(to bottom, #27A8AD 0%, #5ACE85 50%, #B5F09C 100%);
}
</style>