#3CADAD - #BBE3AB | 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 #3CADAD a #BBE3AB

#3CADAD #BBE3AB

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

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

0.0%	0.0% #3CADAD	RGB 60 173 173	#3CADAD
16.7%	16.7% #51B6AC	RGB 81 182 172	#51B6AC
33.3%	33.3% #66BFAC	RGB 102 191 172	#66BFAC
50.0%	50.0% #7BC8AC	RGB 123 200 172	#7BC8AC
66.7%	66.7% #90D1AB	RGB 144 209 171	#90D1AB
83.3%	83.3% #A5DAAB	RGB 165 218 171	#A5DAAB
100.0%	100.0% #BBE3AB	RGB 187 227 171	#BBE3AB

#3CADAD #51B6AC #66BFAC #7BC8AC #90D1AB #A5DAAB #BBE3AB

#3CADAD - #BBE3AB

Mezcla HSV

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

0.0%	0.0% #3CADAD	RGB 60 173 173	#3CADAD
16.7%	16.7% #4BB69F	RGB 75 182 159	#4BB69F
33.3%	33.3% #5CBF94	RGB 92 191 148	#5CBF94
50.0%	50.0% #6EC88E	RGB 110 200 142	#6EC88E
66.7%	66.7% #81D18C	RGB 129 209 140	#81D18C
83.3%	83.3% #9ADA95	RGB 154 218 149	#9ADA95
100.0%	100.0% #BBE3AB	RGB 187 227 171	#BBE3AB

#3CADAD #4BB69F #5CBF94 #6EC88E #81D18C #9ADA95 #BBE3AB

#3CADAD - #6EC88E - #BBE3AB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3CADAD 0%, #6EC88E 50%, #BBE3AB 100%);
    background: -webkit-linear-gradient(top, #3CADAD 0%, #6EC88E 50%, #BBE3AB 100%);
    background: linear-gradient(to bottom, #3CADAD 0%, #6EC88E 50%, #BBE3AB 100%);
}
</style>