#A8DCCF - #3FAD9F | 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 #A8DCCF a #3FAD9F

#A8DCCF #3FAD9F

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

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

0.0%	0.0% #A8DCCF	RGB 168 220 207	#A8DCCF
16.7%	16.7% #96D4C7	RGB 150 212 199	#96D4C7
33.3%	33.3% #85CCBF	RGB 133 204 191	#85CCBF
50.0%	50.0% #73C4B7	RGB 115 196 183	#73C4B7
66.7%	66.7% #62BCAF	RGB 98 188 175	#62BCAF
83.3%	83.3% #50B4A7	RGB 80 180 167	#50B4A7
100.0%	100.0% #3FAD9F	RGB 63 173 159	#3FAD9F

#A8DCCF #96D4C7 #85CCBF #73C4B7 #62BCAF #50B4A7 #3FAD9F

#A8DCCF - #3FAD9F

Mezcla HSV

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

0.0%	0.0% #A8DCCF	RGB 168 220 207	#A8DCCF
16.7%	16.7% #93D4C5	RGB 147 212 197	#93D4C5
33.3%	33.3% #80CCBC	RGB 128 204 188	#80CCBC
50.0%	50.0% #6EC4B4	RGB 110 196 180	#6EC4B4
66.7%	66.7% #5DBCAC	RGB 93 188 172	#5DBCAC
83.3%	83.3% #4DB4A5	RGB 77 180 165	#4DB4A5
100.0%	100.0% #3FAD9F	RGB 63 173 159	#3FAD9F

#A8DCCF #93D4C5 #80CCBC #6EC4B4 #5DBCAC #4DB4A5 #3FAD9F

#A8DCCF - #6EC4B4 - #3FAD9F

Códigos CSS

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

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