#2CB0B0 - #B8E9AE | 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 #2CB0B0 a #B8E9AE

#2CB0B0 #B8E9AE

Calcule el color entre dos colores, #2CB0B0 y #B8E9AE. 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)

#2CB0B0 - #B8E9AE | 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 #2CB0B0 como 0% y #B8E9AE como 100%.

0.0%	0.0% #2CB0B0	RGB 44 176 176	#2CB0B0
16.7%	16.7% #43B9AF	RGB 67 185 175	#43B9AF
33.3%	33.3% #5AC3AF	RGB 90 195 175	#5AC3AF
50.0%	50.0% #72CCAF	RGB 114 204 175	#72CCAF
66.7%	66.7% #89D6AE	RGB 137 214 174	#89D6AE
83.3%	83.3% #A0DFAE	RGB 160 223 174	#A0DFAE
100.0%	100.0% #B8E9AE	RGB 184 233 174	#B8E9AE

#2CB0B0 #43B9AF #5AC3AF #72CCAF #89D6AE #A0DFAE #B8E9AE

#2CB0B0 - #B8E9AE

Mezcla HSV

#2CB0B0 - #B8E9AE | 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 #2CB0B0 como 0% y #B8E9AE como 100%.

0.0%	0.0% #2CB0B0	RGB 44 176 176	#2CB0B0
16.7%	16.7% #3DB9A1	RGB 61 185 161	#3DB9A1
33.3%	33.3% #51C396	RGB 81 195 150	#51C396
50.0%	50.0% #65CC90	RGB 101 204 144	#65CC90
66.7%	66.7% #7CD690	RGB 124 214 144	#7CD690
83.3%	83.3% #94DF96	RGB 148 223 150	#94DF96
100.0%	100.0% #B8E9AE	RGB 184 233 174	#B8E9AE

#2CB0B0 #3DB9A1 #51C396 #65CC90 #7CD690 #94DF96 #B8E9AE

#2CB0B0 - #65CC90 - #B8E9AE

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2CB0B0 0%, #65CC90 50%, #B8E9AE 100%);
    background: -webkit-linear-gradient(top, #2CB0B0 0%, #65CC90 50%, #B8E9AE 100%);
    background: linear-gradient(to bottom, #2CB0B0 0%, #65CC90 50%, #B8E9AE 100%);
}
</style>