#6FCACA - #CFE1B5 | 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 #6FCACA a #CFE1B5

#6FCACA #CFE1B5

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

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

0.0%	0.0% #6FCACA	RGB 111 202 202	#6FCACA
16.7%	16.7% #7FCDC6	RGB 127 205 198	#7FCDC6
33.3%	33.3% #8FD1C3	RGB 143 209 195	#8FD1C3
50.0%	50.0% #9FD5BF	RGB 159 213 191	#9FD5BF
66.7%	66.7% #AFD9BC	RGB 175 217 188	#AFD9BC
83.3%	83.3% #BFDDB8	RGB 191 221 184	#BFDDB8
100.0%	100.0% #CFE1B5	RGB 207 225 181	#CFE1B5

#6FCACA #7FCDC6 #8FD1C3 #9FD5BF #AFD9BC #BFDDB8 #CFE1B5

#6FCACA - #CFE1B5

Mezcla HSV

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

0.0%	0.0% #6FCACA	RGB 111 202 202	#6FCACA
16.7%	16.7% #79CDB7	RGB 121 205 183	#79CDB7
33.3%	33.3% #85D1A9	RGB 133 209 169	#85D1A9
50.0%	50.0% #90D59E	RGB 144 213 158	#90D59E
66.7%	66.7% #A0D99C	RGB 160 217 156	#A0D99C
83.3%	83.3% #B9DDA8	RGB 185 221 168	#B9DDA8
100.0%	100.0% #CFE1B5	RGB 207 225 181	#CFE1B5

#6FCACA #79CDB7 #85D1A9 #90D59E #A0D99C #B9DDA8 #CFE1B5

#6FCACA - #90D59E - #CFE1B5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6FCACA 0%, #90D59E 50%, #CFE1B5 100%);
    background: -webkit-linear-gradient(top, #6FCACA 0%, #90D59E 50%, #CFE1B5 100%);
    background: linear-gradient(to bottom, #6FCACA 0%, #90D59E 50%, #CFE1B5 100%);
}
</style>