#3CAFAF - #BCE3AC | 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 #3CAFAF a #BCE3AC

#3CAFAF #BCE3AC

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

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

0.0%	0.0% #3CAFAF	RGB 60 175 175	#3CAFAF
16.7%	16.7% #51B7AE	RGB 81 183 174	#51B7AE
33.3%	33.3% #66C0AE	RGB 102 192 174	#66C0AE
50.0%	50.0% #7CC9AD	RGB 124 201 173	#7CC9AD
66.7%	66.7% #91D1AD	RGB 145 209 173	#91D1AD
83.3%	83.3% #A6DAAC	RGB 166 218 172	#A6DAAC
100.0%	100.0% #BCE3AC	RGB 188 227 172	#BCE3AC

#3CAFAF #51B7AE #66C0AE #7CC9AD #91D1AD #A6DAAC #BCE3AC

#3CAFAF - #BCE3AC

Mezcla HSV

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

0.0%	0.0% #3CAFAF	RGB 60 175 175	#3CAFAF
16.7%	16.7% #4BB7A0	RGB 75 183 160	#4BB7A0
33.3%	33.3% #5CC095	RGB 92 192 149	#5CC095
50.0%	50.0% #6EC98E	RGB 110 201 142	#6EC98E
66.7%	66.7% #81D18C	RGB 129 209 140	#81D18C
83.3%	83.3% #9BDA96	RGB 155 218 150	#9BDA96
100.0%	100.0% #BCE3AC	RGB 188 227 172	#BCE3AC

#3CAFAF #4BB7A0 #5CC095 #6EC98E #81D18C #9BDA96 #BCE3AC

#3CAFAF - #6EC98E - #BCE3AC

Códigos CSS

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

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