#43BFB2 - #C9ECE9 | 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 #43BFB2 a #C9ECE9

#43BFB2 #C9ECE9

Calcule el color entre dos colores, #43BFB2 y #C9ECE9. 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)

#43BFB2 - #C9ECE9 | 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 #43BFB2 como 0% y #C9ECE9 como 100%.

0.0%	0.0% #43BFB2	RGB 67 191 178	#43BFB2
16.7%	16.7% #59C6BB	RGB 89 198 187	#59C6BB
33.3%	33.3% #6FCEC4	RGB 111 206 196	#6FCEC4
50.0%	50.0% #86D5CD	RGB 134 213 205	#86D5CD
66.7%	66.7% #9CDDD6	RGB 156 221 214	#9CDDD6
83.3%	83.3% #B2E4DF	RGB 178 228 223	#B2E4DF
100.0%	100.0% #C9ECE9	RGB 201 236 233	#C9ECE9

#43BFB2 #59C6BB #6FCEC4 #86D5CD #9CDDD6 #B2E4DF #C9ECE9

#43BFB2 - #C9ECE9

Mezcla HSV

#43BFB2 - #C9ECE9 | 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 #43BFB2 como 0% y #C9ECE9 como 100%.

0.0%	0.0% #43BFB1	RGB 67 191 177	#43BFB1
16.7%	16.7% #56C6BB	RGB 86 198 187	#56C6BB
33.3%	33.3% #6ACEC4	RGB 106 206 196	#6ACEC4
50.0%	50.0% #80D5CD	RGB 128 213 205	#80D5CD
66.7%	66.7% #97DDD6	RGB 151 221 214	#97DDD6
83.3%	83.3% #AFE4DF	RGB 175 228 223	#AFE4DF
100.0%	100.0% #C9ECE9	RGB 201 236 233	#C9ECE9

#43BFB1 #56C6BB #6ACEC4 #80D5CD #97DDD6 #AFE4DF #C9ECE9

#43BFB2 - #80D5CD - #C9ECE9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #43BFB1 0%, #80D5CD 50%, #C9ECE9 100%);
    background: -webkit-linear-gradient(top, #43BFB1 0%, #80D5CD 50%, #C9ECE9 100%);
    background: linear-gradient(to bottom, #43BFB1 0%, #80D5CD 50%, #C9ECE9 100%);
}
</style>