#31C4C4 - #C4EFB2 | 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 #31C4C4 a #C4EFB2

#31C4C4 #C4EFB2

Calcule el color entre dos colores, #31C4C4 y #C4EFB2. 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)

#31C4C4 - #C4EFB2 | 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 #31C4C4 como 0% y #C4EFB2 como 100%.

0.0%	0.0% #31C4C4	RGB 49 196 196	#31C4C4
16.7%	16.7% #49CBC1	RGB 73 203 193	#49CBC1
33.3%	33.3% #62D2BE	RGB 98 210 190	#62D2BE
50.0%	50.0% #7AD9BB	RGB 122 217 187	#7AD9BB
66.7%	66.7% #93E0B8	RGB 147 224 184	#93E0B8
83.3%	83.3% #ABE7B5	RGB 171 231 181	#ABE7B5
100.0%	100.0% #C4EFB2	RGB 196 239 178	#C4EFB2

#31C4C4 #49CBC1 #62D2BE #7AD9BB #93E0B8 #ABE7B5 #C4EFB2

#31C4C4 - #C4EFB2

Mezcla HSV

#31C4C4 - #C4EFB2 | 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 #31C4C4 como 0% y #C4EFB2 como 100%.

0.0%	0.0% #31C4C4	RGB 49 196 196	#31C4C4
16.7%	16.7% #43CBAD	RGB 67 203 173	#43CBAD
33.3%	33.3% #57D29D	RGB 87 210 157	#57D29D
50.0%	50.0% #6CD992	RGB 108 217 146	#6CD992
66.7%	66.7% #82E08F	RGB 130 224 143	#82E08F
83.3%	83.3% #9FE799	RGB 159 231 153	#9FE799
100.0%	100.0% #C4EFB2	RGB 196 239 178	#C4EFB2

#31C4C4 #43CBAD #57D29D #6CD992 #82E08F #9FE799 #C4EFB2

#31C4C4 - #6CD992 - #C4EFB2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #31C4C4 0%, #6CD992 50%, #C4EFB2 100%);
    background: -webkit-linear-gradient(top, #31C4C4 0%, #6CD992 50%, #C4EFB2 100%);
    background: linear-gradient(to bottom, #31C4C4 0%, #6CD992 50%, #C4EFB2 100%);
}
</style>