#3BABA7 - #C7E7E5 | 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 #3BABA7 a #C7E7E5

#3BABA7 #C7E7E5

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

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

0.0%	0.0% #3BABA7	RGB 59 171 167	#3BABA7
16.7%	16.7% #52B5B1	RGB 82 181 177	#52B5B1
33.3%	33.3% #69BFBB	RGB 105 191 187	#69BFBB
50.0%	50.0% #81C9C6	RGB 129 201 198	#81C9C6
66.7%	66.7% #98D3D0	RGB 152 211 208	#98D3D0
83.3%	83.3% #AFDDDA	RGB 175 221 218	#AFDDDA
100.0%	100.0% #C7E7E5	RGB 199 231 229	#C7E7E5

#3BABA7 #52B5B1 #69BFBB #81C9C6 #98D3D0 #AFDDDA #C7E7E5

#3BABA7 - #C7E7E5

Mezcla HSV

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

0.0%	0.0% #3BABA7	RGB 59 171 167	#3BABA7
16.7%	16.7% #4EB5B0	RGB 78 181 176	#4EB5B0
33.3%	33.3% #62BFBA	RGB 98 191 186	#62BFBA
50.0%	50.0% #79C9C5	RGB 121 201 197	#79C9C5
66.7%	66.7% #91D3CF	RGB 145 211 207	#91D3CF
83.3%	83.3% #ABDDDA	RGB 171 221 218	#ABDDDA
100.0%	100.0% #C7E7E5	RGB 199 231 229	#C7E7E5

#3BABA7 #4EB5B0 #62BFBA #79C9C5 #91D3CF #ABDDDA #C7E7E5

#3BABA7 - #79C9C5 - #C7E7E5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3BABA7 0%, #79C9C5 50%, #C7E7E5 100%);
    background: -webkit-linear-gradient(top, #3BABA7 0%, #79C9C5 50%, #C7E7E5 100%);
    background: linear-gradient(to bottom, #3BABA7 0%, #79C9C5 50%, #C7E7E5 100%);
}
</style>