#6DABA3 - #D5E7E4 | 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 #6DABA3 a #D5E7E4

#6DABA3 #D5E7E4

Calcule el color entre dos colores, #6DABA3 y #D5E7E4. 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)

#6DABA3 - #D5E7E4 | 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 #6DABA3 como 0% y #D5E7E4 como 100%.

0.0%	0.0% #6DABA3	RGB 109 171 163	#6DABA3
16.7%	16.7% #7EB5AD	RGB 126 181 173	#7EB5AD
33.3%	33.3% #8FBFB8	RGB 143 191 184	#8FBFB8
50.0%	50.0% #A1C9C3	RGB 161 201 195	#A1C9C3
66.7%	66.7% #B2D3CE	RGB 178 211 206	#B2D3CE
83.3%	83.3% #C3DDD9	RGB 195 221 217	#C3DDD9
100.0%	100.0% #D5E7E4	RGB 213 231 228	#D5E7E4

#6DABA3 #7EB5AD #8FBFB8 #A1C9C3 #B2D3CE #C3DDD9 #D5E7E4

#6DABA3 - #D5E7E4

Mezcla HSV

#6DABA3 - #D5E7E4 | 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 #6DABA3 como 0% y #D5E7E4 como 100%.

0.0%	0.0% #6DABA3	RGB 109 171 163	#6DABA3
16.7%	16.7% #7BB5AD	RGB 123 181 173	#7BB5AD
33.3%	33.3% #8BBFB7	RGB 139 191 183	#8BBFB7
50.0%	50.0% #9CC9C2	RGB 156 201 194	#9CC9C2
66.7%	66.7% #AED3CD	RGB 174 211 205	#AED3CD
83.3%	83.3% #C1DDD8	RGB 193 221 216	#C1DDD8
100.0%	100.0% #D5E7E4	RGB 213 231 228	#D5E7E4

#6DABA3 #7BB5AD #8BBFB7 #9CC9C2 #AED3CD #C1DDD8 #D5E7E4

#6DABA3 - #9CC9C2 - #D5E7E4

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6DABA3 0%, #9CC9C2 50%, #D5E7E4 100%);
    background: -webkit-linear-gradient(top, #6DABA3 0%, #9CC9C2 50%, #D5E7E4 100%);
    background: linear-gradient(to bottom, #6DABA3 0%, #9CC9C2 50%, #D5E7E4 100%);
}
</style>